/* ============================================================
   Santei Design System — Échelles de tokens (fondations)
   ------------------------------------------------------------
   Portées depuis le handoff Claude Design (tokens/typography.css
   + tokens/spacing.css). Ne contient QUE les échelles
   systématiques manquantes : typo, poids, tracking, leading,
   espacements, radii et motion.

   Les tokens COULEUR et les ombres (--shadow-*) restent définis
   par thème dans styles.css et ne sont pas dupliqués ici.

   Emplacement : racine web (hors ./ressources/, qui est réécrit
   par le pipeline de handoff Claude Design). Additif : aucune de
   ces variables n'était référencée avant ; elles alimentent les
   primitives .snt-* et le portage à venir.
   ============================================================ */

:root {
  /* ---- Familles ---- */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'SFMono-Regular', Menlo, monospace;

  /* ---- Poids ---- */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* ---- Échelle typographique (px) — l'UI vit dans la bande 11–15 ---- */
  --text-2xs: 10.5px;   /* micro-labels majuscules */
  --text-xs: 11.5px;    /* eyebrow, kbd, meta */
  --text-sm: 12.5px;    /* texte secondaire / aide */
  --text-base: 13.5px;  /* corps / cellules / boutons */
  --text-md: 14px;      /* labels de formulaire, inputs */
  --text-lg: 15px;      /* paragraphe d'intro */
  --text-xl: 17px;      /* clé-valeur de carte */
  --text-2xl: 22px;     /* titre de modal, valeur de stat */
  --text-3xl: 26px;     /* gros montants */
  --text-4xl: 32px;     /* titre de page */

  /* ---- Interlignes ---- */
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.45;

  /* ---- Interlettrage ---- */
  --tracking-tight: -0.025em;  /* titres de page */
  --tracking-snug: -0.02em;    /* titres de modal, montants */
  --tracking-body: -0.005em;   /* corps par défaut */
  --tracking-wide: 0.06em;     /* eyebrow majuscules */

  /* ---- Espacements (px) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;

  /* ---- Radii — échelle 3 paliers : contrôles 8 · cartes 14 · pill.
     Noms hérités conservés mais réduits à 3 valeurs. ---- */
  --radius-xs: 8px;     /* contrôles, chips, checkbox */
  --radius-sm: 8px;     /* segmented, petits boutons */
  --radius: 8px;        /* boutons, inputs, nav items */
  --radius-md: 14px;    /* menus, dropdowns → famille carte */
  --radius-lg: 14px;    /* cartes, tables, modaux */
  --radius-xl: 14px;    /* hero / grandes surfaces */
  --radius-pill: 999px; /* avatars, badges, points */

  /* ---- Motion — rapide, doux ; ressort sur les pops festifs ---- */
  --ease-out: cubic-bezier(0.22, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.5, 1);
  --dur-fast: 0.15s;
  --dur-base: 0.22s;
  --dur-slow: 0.3s;
}

/* Numéraux alignés dans tables / montants */
.tabular { font-variant-numeric: tabular-nums; }