/* ============================================================
   LIT INTERNATIONAL — design tokens v2
   Register: European scientific-engineering institution.
   Serif authority (Spectral) + humanist grotesk (Hanken).
   Palette DERIVES from the real logo: deep navy → cornflower
   gradient, periwinkle centre bar, warm-cool paper.
   ============================================================ */
:root{
  /* ---------- color · logo-derived ---------- */
  --navy-900: oklch(0.24 0.045 273);            /* deepest ink surface        */
  --navy-800: oklch(0.29 0.055 273);            /* primary dark surface       */
  --navy-700: oklch(0.34 0.055 271);            /* raised dark panel          */
  --paper:    oklch(0.975 0.004 255);           /* page surface, cool-warm    */
  --paper-2:  oklch(0.945 0.006 255);           /* recessed surface           */
  --bone:     oklch(0.95 0.006 250);            /* text on dark               */
  --bone-dim: oklch(0.95 0.006 250 / 0.72);
  --ink:      oklch(0.28 0.03 270);             /* text on paper              */
  --ink-mute: oklch(0.47 0.02 268);
  --accent:      oklch(0.56 0.10 264);          /* cornflower — ONE signal    */
  --accent-deep: oklch(0.47 0.10 266);
  --peri:        oklch(0.72 0.065 268);         /* periwinkle (logo I-bar)    */
  --line-on-paper: oklch(0.28 0.03 270 / 0.13);
  --line-on-ink:   oklch(0.95 0.01 250 / 0.16);
  /* logo gradient stops (canvas + SVG read these) */
  --grad-a:#20304f; --grad-b:#3f5a92; --grad-c:#5379b5; --grad-i:#8ea3d2;
  --brand-gradient: linear-gradient(90deg, var(--grad-a), var(--grad-b) 55%, var(--grad-c));

  /* ---------- type ---------- */
  --font-serif:"Spectral", Georgia, "Times New Roman", serif;
  --font:"Hanken Grotesk","Helvetica Neue", Arial, sans-serif;
  --disp-weight:600;
  --disp-tracking:-0.015em;
  --t-hero: clamp(2.9rem, 7vw, 6rem);
  --t-h2:   clamp(2rem, 4.4vw, 3.5rem);
  --t-h3:   clamp(1.3rem, 2.2vw, 1.85rem);
  --t-lede: clamp(1.05rem, 1.45vw, 1.3rem);
  --t-label:0.72rem;
  --measure:64ch;

  /* ---------- motion · three eases, one doctrine ---------- */
  --ease-out:   cubic-bezier(0.23, 1, 0.32, 1);   /* entrances, UI          */
  --ease-inout: cubic-bezier(0.77, 0, 0.175, 1);  /* on-screen movement     */
  --ease-snap:  cubic-bezier(0.16, 1, 0.3, 1);    /* dramatic settles       */
  --dur-fast:.16s; --dur-ui:.24s; --dur-reveal:.7s;

  /* ---------- shape · varied radius scale ---------- */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:30px; --r-pill:999px;

  /* ---------- elevation · navy-tinted, never grey ---------- */
  --shadow-sm: 0 1px 2px oklch(0.24 0.045 273/.06), 0 3px 9px -2px oklch(0.24 0.045 273/.08);
  --shadow-md: 0 2px 5px oklch(0.24 0.045 273/.07), 0 14px 30px -10px oklch(0.24 0.045 273/.16);
  --shadow-lg: 0 4px 10px oklch(0.24 0.045 273/.07), 0 18px 44px -12px oklch(0.24 0.045 273/.19), 0 40px 90px -28px oklch(0.24 0.045 273/.22);

  /* ---------- rhythm ---------- */
  --sp-section: clamp(96px, 12vw, 170px);
  --sp-gutter:  clamp(20px, 4.5vw, 72px);
  --wrap:1280px;
}