/* ==========================================================================
   DESIGN TOKENS - Expert Fissure IDF
   Palette restreinte (noir/papier/ocre), typo serif éditorial + sans tempéré.
   ========================================================================== */

:root {
  /* Couleurs structurantes */
  --ink: #111111;
  --ink-soft: #1a1a1a;
  --paper: #f5f1ea;
  --paper-deep: #ede7dc;
  --ocre: #b8552e;
  --ocre-deep: #9a4222;
  --ocre-soft: #d97a4f;

  /* Couleurs secondaires */
  --graphite: #3a3a3a;
  --graphite-soft: #6a6a66;
  --mist: #e6dfd2;
  --mist-line: #d5cdbd;

  /* États */
  --alert: #7a1f1f;
  --alert-soft: #b04444;
  --warn: #a86b1c;
  --safe: #2d5c3e;

  /* Typographies */
  --font-serif: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-sans: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "SFMono-Regular", Menlo, Consolas, monospace;

  /* Échelle typographique (desktop) */
  --fs-display: clamp(2.6rem, 5vw, 3.75rem);   /* 42-60 */
  --fs-h1: clamp(2.1rem, 4vw, 3rem);           /* 34-48 */
  --fs-h2: clamp(1.625rem, 2.5vw, 2rem);       /* 26-32 */
  --fs-h3: clamp(1.25rem, 1.7vw, 1.5rem);      /* 20-24 */
  --fs-lead: clamp(1.125rem, 1.4vw, 1.25rem);  /* 18-20 */
  --fs-body: 1.0625rem;                         /* 17 */
  --fs-small: 0.875rem;                         /* 14 */
  --fs-micro: 0.75rem;                          /* 12 */

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-normal: 1.55;
  --lh-prose: 1.7;

  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-cap: 0.12em;

  /* Spacing (échelle 8) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 160px;

  /* Layout */
  --container-max: 1240px;
  --container-prose: 720px;
  --container-narrow: 880px;
  --gutter: 24px;

  /* Bordures, radius, ombres */
  --bd: 1px solid var(--mist-line);
  --bd-ink: 1px solid var(--ink);
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 8px;
  --shadow-sm: 0 1px 2px rgba(17, 17, 17, 0.04);
  --shadow-md: 0 4px 12px rgba(17, 17, 17, 0.06);
  --shadow-lg: 0 12px 32px rgba(17, 17, 17, 0.08);

  /* Transitions */
  --tr-fast: 120ms ease;
  --tr-base: 200ms ease;
  --tr-slow: 320ms ease;

  /* Z-index */
  --z-skip: 999;
  --z-sticky: 50;
  --z-mobile-bar: 60;
  --z-modal: 100;
}