/* Hallmark · tokens · theme: custom (DRS Digital)
 * axes: light / display-condensed-heavy / cool
 * Couleurs dérivées du logo (dégradé #0a2ea8 → #1155f0 → #00a6ff) et du HTML de référence.
 */
:root {
  /* Couleurs — OKLCH, repli hex pour navigateurs anciens */
  --color-ink:        #071634;
  --color-ink:        oklch(21% 0.065 265);
  --color-ink-soft:   #13294f;
  --color-ink-soft:   oklch(29% 0.075 265);
  --color-ink-deep:   #040d1f;
  --color-ink-deep:   oklch(15% 0.045 265);
  --color-accent:     #1155f0;
  --color-accent:     oklch(52% 0.23 264);
  --color-accent-deep:#0a2ea8;
  --color-accent-deep:oklch(38% 0.19 267);
  --color-bright:     #00a6ff;
  --color-bright:     oklch(70% 0.17 236);
  --color-sky:        #e3eeff;
  --color-sky:        oklch(94.5% 0.03 260);
  --color-sky-2:      #cfe1ff;
  --color-sky-2:      oklch(90% 0.05 260);
  --color-paper:      #fbfcff;
  --color-paper:      oklch(99% 0.004 250);
  --color-bone:       #f4f7fd;
  --color-bone:       oklch(97.5% 0.01 255);
  --color-muted:      #596d90;
  --color-muted:      oklch(52% 0.06 262);
  --color-muted-2:    #7f8faa;
  --color-muted-2:    oklch(64% 0.045 262);
  --color-ok:         #0a9b5c;
  --color-ok:         oklch(60% 0.15 160);
  --color-warn:       #b35c00;
  --color-warn:       oklch(52% 0.14 60);
  --color-line:       rgba(7, 22, 52, .13);
  --color-line-dark:  rgba(255, 255, 255, .14);
  --color-on-ink:     rgba(255, 255, 255, .86);
  --color-on-ink-2:   rgba(255, 255, 255, .64);
  --color-focus:      var(--color-bright);

  /* Typographie */
  --font-display: "Anton", "Haettenschweiler", "Arial Narrow", Impact, sans-serif;
  --font-body:    "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --text-xs:   .75rem;
  --text-sm:   .875rem;
  --text-base: 1.0625rem;
  --text-md:   1.1875rem;
  --text-lg:   clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --text-xl:   clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
  --text-2xl:  clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --text-3xl:  clamp(2.25rem, 1.5rem + 3.6vw, 4.5rem);
  --text-display:   clamp(2.75rem, 1.6rem + 6vw, 6.5rem);
  --text-display-s: clamp(2.25rem, 1.4rem + 4.4vw, 5rem);

  /* Espacement (échelle 4 pt) */
  --space-2xs: .25rem;
  --space-xs:  .5rem;
  --space-sm:  .75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6.5rem;
  --space-section: clamp(3.25rem, 2.25rem + 2.8vw, 5rem);   /* entre sections : 52 → 80 px */
  --space-head:    clamp(1.5rem, 1rem + 1.4vw, 2.25rem);     /* titre de section → contenu */

  /* Rythme */
  --wrap: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-line);
  --rule-dark: 1px solid var(--color-line-dark);
  --shadow-lift: 0 24px 60px -30px rgba(7, 22, 52, .45);
  --shadow-card: 0 1px 2px rgba(7, 22, 52, .06), 0 12px 32px -20px rgba(7, 22, 52, .35);

  /* Mouvement */
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-in:     cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;
  --dur-reveal: 640ms;
}