/* ============================================================
   CitySorted Design Tokens — Source de verite unique
   Ref: UX-DR1 → UX-DR10
   ============================================================ */

:root {
  /* --- Couleurs marque (UX-DR1) --- */
  --color-accent: #D64C31;
  --color-accent-light: #F2E8E5;
  --color-accent-dark: #A83B26;

  /* Neutres chauds — palette stone (UX-DR1) */
  --color-bg: #FAFAF8;
  --color-surface: #FFFFFF;
  --color-text: #1C1917;
  --color-text-secondary: #57534E;
  --color-text-muted: #A8A29E;
  --color-border: #E7E5E4;
  --color-border-light: #F5F5F4;

  /* Semantiques dashboard (UX-DR10) */
  --color-success: #16A34A;
  --color-warning: #D97706;
  --color-danger: #DC2626;
  --color-info: #78716C;

  /* --- Typographie (UX-DR2, UX-DR3, UX-DR4, UX-DR5) --- */
  --font-heading: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Progression Major Third 1.25 (UX-DR4) */
  --text-xs: 0.64rem;    /* ~10px */
  --text-sm: 0.8rem;     /* ~13px */
  --text-base: 1rem;     /* 16px */
  --text-md: 1.125rem;   /* 18px */
  --text-lg: 1.25rem;    /* 20px */
  --text-xl: 1.563rem;   /* 25px */
  --text-2xl: 1.953rem;  /* 31px — PDF chiffre-choc */
  --text-3xl: 2.441rem;  /* 39px — Landing chiffre-choc */

  /* Line-heights (UX-DR5) */
  --leading-tight: 1.2;
  --leading-normal: 1.6;
  --leading-mono: 1.4;

  /* --- Spacing base 4px (UX-DR7) --- */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* --- Border radius (UX-DR8) --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* --- Ombres (UX-DR8) --- */
  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.05);
  --shadow-md: 0 4px 12px rgba(28, 25, 23, 0.08);

  /* --- Container --- */
  --container-max: 680px;
}