/* ==========================================================================
   ATOMIC REEL — tokens (DESIGN.md §2 et §3)
   Seule source des couleurs, polices et tailles du thème.
   ========================================================================== */

/* Polices auto-hébergées, licence OFL (DESIGN.md §3 — pas de CDN Google Fonts) */
@font-face {
  font-family: "Unbounded";
  src: url("../fonts/Unbounded-VF.woff2") format("woff2");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-VF.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Mono";
  src: url("../fonts/SpaceMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Mono";
  src: url("../fonts/SpaceMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Espace (fonds sombres) */
  --c-night:      #0B1A2B;
  --c-navy:       #183048;
  --c-deep:       #003048;
  --c-line-dark:  rgba(255, 244, 216, 0.14);

  /* Papier (fonds clairs) */
  --c-cream:      #FFF4D8;
  --c-paper:      #FFFBEF;
  --c-line-light: rgba(24, 48, 72, 0.14);

  /* Accents */
  --c-orange:     #F07830;  /* jamais de texte orange sur crème (2.58:1) */
  --c-sun:        #F09030;
  --c-star:       #FFC845;
  --c-teal:       #1F5F63;
  --c-atom:       #A9D6DE;

  /* Texte */
  --c-ink:        #0B1A2B;
  --c-ink-soft:   #3A4E63;
  --c-text:       #FFF4D8;
  --c-text-soft:  #B9C4CC;

  /* Lueurs et dégradé signature (1 élément par écran) */
  --glow-sun:   0 0 32px rgba(240, 144, 48, 0.45);
  --glow-soft:  0 18px 48px -12px rgba(11, 26, 43, 0.35);
  --grad-sunset: linear-gradient(100deg, #F07830 0%, #F09030 45%, #FFC845 100%);

  /* Typographie */
  --f-display: "Unbounded", system-ui, sans-serif;
  --f-text:    "Space Grotesk", system-ui, sans-serif;
  --f-mono:    "Space Mono", ui-monospace, monospace;

  --fs-hero:  clamp(2.75rem, 6.5vw + 0.5rem, 7rem);
  --fs-h2:    clamp(2rem, 4vw + 0.5rem, 4.25rem);
  --fs-h3:    clamp(1.25rem, 1.2vw + 0.9rem, 1.75rem);
  --fs-lead:  clamp(1.25rem, 1vw + 1rem, 1.75rem);
  --fs-body:  clamp(1rem, 0.25vw + 0.95rem, 1.125rem);
  --fs-label: 0.8125rem;

  --lh-tight: 1.0;
  --lh-body:  1.6;
  --ls-display: -0.02em;
  --ls-label:   0.14em;

  /* Espacements (pas de 8 px) */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-6: 3rem;
  --sp-8: 4rem;
  --sp-12: 6rem;
  --sp-16: 8rem;

  --measure: 66ch;
  --container: 1280px;
  --gutter: clamp(1rem, 5vw, 5rem);

  /* Rayons : pilules et formes googie */
  --r-sm: 12px;
  --r-md: 20px;
  --r-pill: 999px;

  /* Mouvement */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms;
  --dur-base: 300ms;
}