@layer ancien {
/* 00-variables.css — variables de la charte (SPEC § 4.1, noms et valeurs imposés) et espacements (§ 4.2). */
:root {
  /* Couleurs § 4.1 */
  --fond-principal: #041426;
  --fond-secondaire: #071B3C;
  --texte-principal: #FFFFFF;
  --texte-secondaire: #E7EBF5;
  --texte-discret: #B7C4D8;
  --accent-1: #00C8FF;
  --accent-2: #7776FF;
  --accent-3: #C34BEE;
  --degrade-accent: linear-gradient(90deg, #00C8FF 0%, #7776FF 50%, #C34BEE 100%);
  --degrade-accent-clair: linear-gradient(90deg, #0A6CFF 0%, #6A4BFF 50%, #B03CE0 100%);
  --bouton-1: #075BFF;
  --bouton-2: #A443E9;
  --degrade-bouton: linear-gradient(90deg, #075BFF 0%, #A443E9 100%);
  --fond-clair: #F4F6FB;
  --fond-blanc: #FFFFFF;
  --titre-sur-clair: #0B1450;
  --texte-sur-clair: #3A4466;
  --texte-discret-sur-clair: #5B6683;
  --surtitre-sur-clair: #3B3F8C;
  --sous-titre-sur-clair: #075BFF;
  --sous-titre-sur-sombre: #00C8FF;
  --bord-carte-sombre: rgba(119, 118, 255, 0.35);
  --fond-carte-sombre: rgba(7, 27, 60, 0.72);

  /* Police § 4.2 (V2, A-42 : Satoshi auto-hébergée, puis repli) */
  --police: Satoshi, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Espacements verticaux § 4.2 (v3) */
  --espace-surtitre-titre: 18px;
  --espace-titre-texte: 24px;
  --espace-paragraphes: 16px;
  --espace-entete-contenu: 64px;
  --espace-grille-boutons: 48px;
  --espace-icone-titre: 20px;
  --espace-titre-sous-titre: 8px;
  --espace-titre-texte-carte: 12px;
  --espace-texte-puces: 16px;
  --espace-avant-bouton: 28px;
  --espace-grille: 24px;

  /* Mise en page § 5 : hauteur de l'en-tête (80 / 80 / 64) et largeur utile du .conteneur (A-06) */
  --hauteur-entete: 80px;
  --largeur-conteneur: min(1200px, calc(100% - 64px));

  /* Fond derrière le bouton secondaire (double fond § 7.2) : celui de la section qui le porte (07-sections.css) */
  --fond-section: var(--fond-principal);
}

@media (max-width: 767px) {
  :root {
    --hauteur-entete: 64px;
    --largeur-conteneur: calc(100% - 32px);
  }
}

}