/* ═══════════════════════════════════════════════════════════
   TOOLOR · DESIGN TOKENS · v2 — THE INTERNATIONAL BLUE ERA
   Études sensibility × ACG function × Turkic code.
   Single source of truth — never hardcode a hex outside here.
   ═══════════════════════════════════════════════════════════ */
:root{
  /* CORE SURFACES */
  --paper:          #F4F2EC;   /* kiyiz ivory paper — the felt field */
  --white:          #FFFFFF;
  --ink:            #0B0C0E;   /* night steppe black */
  --ink-soft:       #141519;
  --graphite:       #2B2B2B;   /* tash graphite (brand) */

  /* SIGNAL — INTERNATIONAL BLUE */
  --blue:           #00329E;   /* sampled from the wordmark — the Toolor blue */
  --blue-deep:      #001E66;   /* pressed state / gradient end */
  --blue-hi:        #2E5BFF;   /* accent on black */
  --navy:           #1A3A5C;   /* TOOLOR Blue (brand palette) — pattern navy */
  --cyan:           #3FA8C4;   /* Issyk-Kul cyan — micro accents */

  /* EARTH (heritage micro-accents + palette section) */
  --terra:          #C0563B;   /* steppe terracotta */
  --earth:          #8B6F52;   /* nomad earth */

  /* TEXT */
  --stone:          #5C6470;   /* secondary text on light */
  --ash:            #9AA0A6;   /* secondary text on dark */
  --snow:           #F4F5F2;   /* primary text on dark */

  /* ALPHAS */
  --blue-08:        rgba(0, 50, 158, .08);
  --blue-14:        rgba(0, 50, 158, .14);
  --blue-30:        rgba(0, 50, 158, .30);
  --bluehi-14:      rgba(46, 91, 255, .14);
  --bluehi-35:      rgba(46, 91, 255, .35);
  --ink-08:         rgba(11, 12, 14, .08);
  --ink-14:         rgba(11, 12, 14, .14);
  --ink-line:       rgba(11, 12, 14, .16);   /* hairlines on light */
  --snow-line:      rgba(244, 245, 242, .14);/* hairlines on dark */
  --paper-veil:     rgba(244, 242, 236, .82);/* nav backdrop */
  --ink-veil:       rgba(11, 12, 14, .78);

  /* GRADIENTS */
  --grad-blue:      linear-gradient(160deg, #2E5BFF 0%, #00329E 46%, #001E66 100%);
  --grad-sky:       linear-gradient(180deg, #F4F2EC 0%, #E7EBF2 60%, #D8E1EE 100%);
  --grad-dusk:      linear-gradient(180deg, #0B0C0E 0%, #101a30 70%, #12234a 130%);

  /* TYPE */
  --font-display:   'Unbounded', 'Space Grotesk', system-ui, sans-serif;
  --font-body:      'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --fs-display-xl:  clamp(2.6rem, 10.5vw, 10rem);
  --fs-h2:          clamp(1.9rem, 5.6vw, 4.6rem);
  --fs-h3:          clamp(1.35rem, 3vw, 2.2rem);
  --fs-body:        clamp(1rem, 1.1vw, 1.15rem);
  --fs-micro:       0.75rem;

  /* MOTION */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.35s;
  --dur-mid:  0.7s;
  --dur-slow: 1.2s;

  /* LAYOUT */
  --gutter:         clamp(1.25rem, 4vw, 4rem);
  --section-gap:    clamp(5.5rem, 13vh, 10rem);
  --max-w:          1680px;

  /* Z-SCALE */
  --z-base: 0; --z-raised: 10; --z-nav: 100; --z-menu: 200;
  --z-viewer: 300; --z-cursor: 900; --z-preloader: 1000;
}