/* ⚠️ FICHIER GÉNÉRÉ — NE PAS MODIFIER À LA MAIN.
 * Source : src/theme/ (buildTheme, ACCENTS, radius, spacing, typography).
 * Régénérer :  UPDATE_TOKENS=1 npx jest siteTokens
 * Garde-fou :  src/__tests__/siteTokens.test.ts échoue si le CSS diverge du thème.
 */

:root {
  /* Rayons — identiques à radius.ts */
  --r-xs: 6px;
  --r-sm: 9px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-full: 999px;

  /* Espacements — identiques à spacing.ts */
  --s-xs: 4px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 20px;
  --s-xxl: 24px;
  --s-xxxl: 32px;
  --s-huge: 40px;
  --s-giant: 48px;

  /* Typographie — échelle de l'app × 1.15 (cf. commentaire du test) */
  --t-micro: 12.65px;
  --t-caption: 14.95px;
  --t-captionLg: 14.95px;
  --t-body: 17.25px;
  --t-sectionTitle: 19.55px;
  --t-screenTitle: 31.05px;
  --t-scoreDisplay: 50.6px;

  /* Mode SOMBRE — le mode par défaut de Scorro */
  --bg: #0B0B0D;
  --bg-elev: #131316;
  --surface: #1B1B1F;
  --surface-2: #232328;
  --surface-3: #2D2D33;
  --border: rgba(255,255,255,0.07);
  --border-2: rgba(255,255,255,0.13);
  --text: #EAF0F8;
  --text-2: #98A4B6;
  --text-3: #7E8A9E;
  --accent: #3E8BFF;
  --accent-press: #2E73E0;
  --accent-soft: rgba(62,139,255,0.15);
}

/* Mode CLAIR — mêmes valeurs que lightPalette, via buildTheme. */
@media (prefers-color-scheme: light) {
  :root {
    --bg: #F2F4F8;
    --bg-elev: #FFFFFF;
    --surface: #FFFFFF;
    --surface-2: #E1E6EF;
    --surface-3: #D2DAE6;
    --border: rgba(0,0,0,0.08);
    --border-2: rgba(0,0,0,0.16);
    --text: #0B0E14;
    --text-2: #4A5567;
    --text-3: #666F7E;
    --accent: #3E8BFF;
    --accent-press: #2E73E0;
    --accent-soft: rgba(62,139,255,0.15);
  }
}