/* ════════════════════════════════════════════════════════════
   INEXORABLES — Parent Brand Design Tokens  ·  v2 (expanded)
   "Sovereign AI — cinematic-warm + vibrant"
   Obsidian base, chartreuse primary, plus ember / rose / plasma /
   violet for gradient harmonies and micro-punches.
   ════════════════════════════════════════════════════════════ */

:root {

  /* ── COLOUR · Ink (cooler modern base, subtle blue shift) ─ */
  --ink-0:  #000000;
  --ink-1:  #0A0B14;   /* page background · cooler, airier */
  --ink-2:  #0F111C;   /* raised surface */
  --ink-3:  #161926;   /* card */
  --ink-4:  #1F2233;   /* elevated */
  --ink-5:  #2E3244;   /* heavy border */

  /* ── COLOUR · Cream (warm contrast) ─────────────────────── */
  --cream-0: #FFFDF7;
  --cream-1: #F5EEDE;
  --cream-2: #EFE7D6;   /* primary text */
  --cream-3: #C9BFA8;
  --cream-4: #8F8673;

  /* ── COLOUR · Acid · chartreuse (primary · brighter) ────── */
  --acid-0: #F5FFC8;
  --acid-1: #ECFF8E;
  --acid-2: #DCFF52;    /* primary — slightly punchier */
  --acid-3: #BEE33A;
  --acid-4: #8BA32B;

  /* ── COLOUR · Ember · warm golden punch ─────────────────── */
  --ember-1: #FFDEB3;
  --ember-2: #FFB566;   /* highlight · goldier */
  --ember-3: #E8873F;
  --ember-4: #A85321;

  /* ── COLOUR · Rose · modern hot-pink ────────────────────── */
  --rose-1: #FFD6E5;
  --rose-2: #FF8FBA;
  --rose-3: #F55CA0;    /* modern magenta */
  --rose-4: #A83B70;

  /* ── COLOUR · Mint · electric AI signature (NEW) ────────── */
  --mint-1: #C8FFF0;
  --mint-2: #7AF2DB;
  --mint-3: #3DE6C2;    /* electric teal · 2026 */
  --mint-4: #1FAB8F;

  /* ── COLOUR · Plasma · sky-cool (kept, slightly brighter) ─ */
  --plasma-1: #CCF0FF;
  --plasma-2: #8FDEF5;
  --plasma-3: #4ACAF0;  /* brighter sky */
  --plasma-4: #2294BD;

  /* ── COLOUR · Violet · depth (brightened) ───────────────── */
  --violet-1: #E3D5FF;
  --violet-2: #C0A3FF;
  --violet-3: #9A6CFF;  /* modern violet */
  --violet-4: #6538C0;

  /* ── COLOUR · Semantic ──────────────────────────────────── */
  --bg:           var(--ink-1);
  --bg-raised:    var(--ink-2);
  --bg-card:      var(--ink-3);
  --text:         var(--cream-2);
  --text-bright:  var(--cream-1);
  --text-muted:   var(--cream-4);
  --text-subtle:  #5A5444;
  --accent:       var(--acid-2);
  --accent-soft:  var(--acid-1);
  --accent-ink:   var(--ink-1);
  --border:       rgba(239, 231, 214, 0.08);
  --border-warm:  rgba(239, 231, 214, 0.16);
  --border-hot:   rgba(214, 242, 91, 0.28);

  /* ── GRADIENTS (named harmonies, refreshed) ─────────────── */
  --grad-aurora:    linear-gradient(135deg, var(--acid-2) 0%, var(--mint-3) 45%, var(--violet-3) 100%);
  --grad-sunset:    linear-gradient(135deg, var(--acid-2) 0%, var(--ember-2) 50%, var(--rose-3) 100%);
  --grad-nebula:    linear-gradient(135deg, var(--violet-3) 0%, var(--mint-3) 45%, var(--acid-2) 100%);
  --grad-ember:     linear-gradient(135deg, var(--ember-2) 0%, var(--rose-3) 100%);
  --grad-cold:      linear-gradient(135deg, var(--mint-3) 0%, var(--violet-3) 100%);
  --grad-neon:      linear-gradient(135deg, var(--acid-2) 0%, var(--mint-3) 100%);
  --grad-magenta:   linear-gradient(135deg, var(--rose-3) 0%, var(--violet-3) 100%);
  --grad-premium:   linear-gradient(180deg, var(--ink-2) 0%, var(--ink-1) 100%);

  /* Conic "sun" / orb gradient for ambient backgrounds · bolder */
  --grad-orb-acid:   radial-gradient(circle, rgba(220,255,82,0.40) 0%, rgba(220,255,82,0) 62%);
  --grad-orb-rose:   radial-gradient(circle, rgba(245,92,160,0.34) 0%, rgba(245,92,160,0) 62%);
  --grad-orb-mint:   radial-gradient(circle, rgba(61,230,194,0.32) 0%, rgba(61,230,194,0) 62%);
  --grad-orb-violet: radial-gradient(circle, rgba(154,108,255,0.32) 0%, rgba(154,108,255,0) 62%);
  --grad-orb-ember:  radial-gradient(circle, rgba(255,181,102,0.30) 0%, rgba(255,181,102,0) 62%);
  --grad-orb-plasma: radial-gradient(circle, rgba(74,202,240,0.30) 0%, rgba(74,202,240,0) 62%);

  /* ── TYPOGRAPHY · Family ────────────────────────────────── */
  --font-display:   'Instrument Serif', 'Times New Roman', serif;
  --font-display-2: 'Fraunces', 'Iowan Old Style', Georgia, serif;  /* variable axes */
  --font-body:      'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── TYPOGRAPHY · Weight ────────────────────────────────── */
  --w-light:   300;
  --w-regular: 400;
  --w-medium:  500;
  --w-semibold:600;

  /* ── TYPOGRAPHY · Size (fluid) ──────────────────────────── */
  --t-xs:   0.75rem;
  --t-sm:   0.8125rem;
  --t-base: 1rem;
  --t-lg:   1.125rem;
  --t-xl:   1.375rem;
  --t-2xl:  clamp(1.5rem, 2.2vw, 2rem);
  --t-3xl:  clamp(2rem,   3.5vw, 3rem);
  --t-4xl:  clamp(2.75rem,5.5vw, 4.5rem);
  --t-5xl:  clamp(3.5rem, 8vw,   6.5rem);
  --t-hero: clamp(4rem,  11vw,  10rem);
  --t-mega: clamp(5rem,  16vw,  14rem);

  /* ── TYPOGRAPHY · Line height / Tracking ────────────────── */
  --lh-tight:  1.02;
  --lh-snug:   1.15;
  --lh-normal: 1.5;
  --lh-loose:  1.7;

  --tr-tighter:  -0.035em;
  --tr-tight:    -0.015em;
  --tr-normal:   0;
  --tr-wide:     0.08em;
  --tr-caps:     0.14em;
  --tr-label:    0.18em;

  /* ── SPACING ────────────────────────────────────────────── */
  --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;
  --s-section: clamp(96px, 14vw, 180px);

  /* ── LAYOUT ─────────────────────────────────────────────── */
  --w-content: 1240px;
  --w-narrow:  720px;
  --w-wide:    1480px;
  --w-full:    1680px;
  --gutter:    clamp(20px, 4vw, 48px);

  /* ── RADIUS ─────────────────────────────────────────────── */
  --r-sm: 4px; --r-md: 8px; --r-lg: 16px; --r-xl: 24px;
  --r-2xl: 32px; --r-pill: 999px;

  /* ── MOTION · Easings ───────────────────────────────────── */
  --ease-linear:  linear;
  --ease:         cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-back:    cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-cinema:  cubic-bezier(0.77, 0, 0.175, 1);
  --ease-snap:    cubic-bezier(0.87, 0, 0.13, 1);

  /* ── MOTION · Durations ─────────────────────────────────── */
  --d-micro: 80ms;
  --d-fast:  180ms;
  --d-base:  420ms;
  --d-slow:  800ms;
  --d-cine:  1400ms;
  --d-epic:  2400ms;

  /* ── MOTION · Stagger bases ─────────────────────────────── */
  --stagger-tight:  24ms;
  --stagger-base:   60ms;
  --stagger-loose:  120ms;

  /* ── SHADOWS / GLOWS (refreshed to new palette) ─────────── */
  --glow-acid-sm:   0 0 20px rgba(220, 255, 82, 0.28);
  --glow-acid-md:   0 0 40px rgba(220, 255, 82, 0.38);
  --glow-acid-lg:   0 0 80px rgba(220, 255, 82, 0.58);
  --glow-rose:      0 0 60px rgba(245, 92, 160, 0.36);
  --glow-mint:      0 0 60px rgba(61, 230, 194, 0.38);
  --glow-plasma:    0 0 60px rgba(74, 202, 240, 0.36);
  --glow-ember:     0 0 60px rgba(255, 181, 102, 0.34);
  --glow-violet:    0 0 60px rgba(154, 108, 255, 0.36);
  --shadow-lifted:  0 16px 40px -12px rgba(0, 0, 0, 0.6);
  --shadow-deep:    0 24px 60px -20px rgba(0, 0, 0, 0.7);

  /* ── BLUR ───────────────────────────────────────────────── */
  --blur-xs: 6px;
  --blur-sm: 12px;
  --blur-md: 24px;
  --blur-lg: 48px;
  --blur-xl: 96px;

  /* ── Z-INDEX ────────────────────────────────────────────── */
  --z-grid:     0;
  --z-base:     1;
  --z-content:  10;
  --z-sticky:   50;
  --z-nav:      100;
  --z-cursor:   900;
  --z-over:     1000;
  --z-modal:    2000;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --d-micro: 0ms; --d-fast: 0ms; --d-base: 0ms;
    --d-slow: 0ms; --d-cine: 0ms; --d-epic: 0ms;
  }
}