/* SteadyGaming - tokens de la charte « Bleu de Prusse » (v1.0, 2026-10-26)
   Source unique des valeurs : toute couleur, police ou espacement du thème en dérive. */

:root {
  /* Couleurs de base */
  --sg-papier: #EEF0F2;        /* fond par défaut */
  --sg-blanc: #FFFFFF;         /* tuiles produit, champs */
  --sg-ecume: #D5DEE8;         /* fond alterné, surfaces calmes */
  --sg-encre: #1B2F4B;         /* bleu de Prusse : texte, bouton principal, sections sombres */
  --sg-encre-survol: #2A4468;  /* survol du bouton principal */
  --sg-lave: #4A6E96;          /* repères, focus, éléments non textuels */
  --sg-lien: #3E5F84;          /* liens sur fonds clairs (AA partout) */
  --sg-lien-sombre: #9DB8D6;   /* liens sur fond encre */
  --sg-gris: #56606C;          /* texte secondaire */
  --sg-ocre: #C9A46A;          /* ciel ocre : badges, toujours avec texte encre */
  --sg-sceau: #A8301B;         /* vermillon : sceau et signe de marque, jamais en texte courant (6,8 avec du blanc) */
  --sg-trait: #C3CDD8;         /* filets décoratifs */
  --sg-champ: #7C8896;         /* bordure de champ (3:1 sur papier et blanc) */
  --sg-succes: #2F6B4F;
  --sg-erreur: #A3342C;

  /* Polices (auto-hébergées dans le thème enfant, jamais via Google) */
  --sg-serif: "Zen Old Mincho", "Zen Old Mincho Secours", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
  --sg-sans: "Albert Sans", "Albert Sans Secours", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sg-logo: "Oswald", "Oswald Secours", "Arial Narrow", sans-serif;

  /* Échelle typographique, mobile par défaut */
  --sg-t-h1: 29px;
  --sg-t-h2: 26px;
  --sg-t-h3: 19px;
  --sg-t-carte: 17px;
  --sg-t-lead: 18px;
  --sg-t-corps: 16px;
  --sg-t-petit: 14px;
  --sg-t-legende: 13px;
  --sg-lh-titre: 1.2;
  --sg-lh-lead: 1.4;
  --sg-lh-corps: 1.6;
  --sg-mesure: 65ch;

  /* Espacements (base 4 px) */
  --sg-1: 4px;  --sg-2: 8px;  --sg-3: 12px; --sg-4: 16px; --sg-5: 24px;
  --sg-6: 32px; --sg-7: 48px; --sg-8: 64px; --sg-9: 96px; --sg-10: 128px;
  --sg-section: 56px;          /* marge verticale d'une section */
  --sg-gouttiere: 16px;        /* marge latérale */
  --sg-largeur: 1200px;

  /* Formes */
  --sg-rayon: 2px;             /* boutons, champs, badges : presque droit, comme une estampe */
  --sg-filet: 1px solid var(--sg-trait);
  --sg-calage: 3px;            /* épaisseur des repères de calage */
  --sg-focus: 0 0 0 2px var(--sg-papier), 0 0 0 4px var(--sg-lave);

  /* Mouvement */
  --sg-duree: 180ms;
  --sg-courbe: cubic-bezier(.2, .7, .2, 1);
}

@media (min-width: 768px) {
  :root {
    --sg-t-h1: 34px; --sg-t-h2: 28px; --sg-t-h3: 20px;
    --sg-section: 72px; --sg-gouttiere: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --sg-t-h1: 40px; --sg-t-h2: 32px; --sg-t-h3: 22px; --sg-t-carte: 18px;
    --sg-lh-lead: 1.7;
    --sg-section: 96px; --sg-gouttiere: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --sg-duree: 0ms; }
}