/* ═══════════════════════════════════════════════════════════════════════
   GENERATED FILE — do not edit by hand.
   Source of truth: assets/tokens/onyx.tokens.json  (W3C DTCG)
   Regenerate:      node scripts/build-tokens.mjs
   Verify:          node scripts/build-tokens.mjs --check
   This file replaces the four inline :root blocks index.html used to carry;
   every hub var below is byte-equal to its final effective cascade value.
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  --tok-color-black: #000000;
  --tok-color-obsidian-0: #08080f;
  --tok-color-obsidian-1: #0a0a14;
  --tok-color-obsidian-2: #0d0d18;
  --tok-color-bg: #06040e;
  --tok-color-bg-2: #0a0617;
  --tok-color-bg-3: #120a26;
  --tok-color-bg-mid: #06030a;
  --tok-color-bg-card: #15091a;
  --tok-color-facet: #0f0f1d;
  --tok-color-facet-2: #16162a;
  --tok-color-aubergine: #1a1033;
  --tok-color-aubergine-3: #241645;
  --tok-color-violet: #7c3aed;
  --tok-color-violet-light: #a78bfa;
  --tok-color-violet-deep: #4a1a8a;
  --tok-color-violet-upper: #7C3AED;
  --tok-color-cyan: #22d3ee;
  --tok-color-gold: #c9a84c;
  --tok-color-gold-light: #f1d488;
  --tok-color-peacock: #16C7B4;
  --tok-color-peacock-light: #3fd8c8;
  --tok-color-azure: #6EA8FF;
  --tok-color-silver: #b9b2cc;
  --tok-color-silver-hi: #eef0f8;
  --tok-color-silver-2: #b8bccb;
  --tok-color-silver-dim: #7f8398;
  --tok-color-ink: #ece8f7;
  --tok-color-ink-muted: #9b93b8;
  --tok-color-ink-mute: #6f6788;
  --tok-color-danger: #ef4444;
  --tok-color-danger-soft: #d96565;
  --tok-color-success: #22c55e;
  --tok-color-success-soft: #6dd58c;
  --tok-color-green: #4ade80;
  --tok-color-pink: #ec4899;
  --tok-color-edge-violet: rgba(167,139,250,0.16);
  --tok-color-edge-violet-2: rgba(167,139,250,0.34);
  --tok-color-edge-violet-soft: rgba(167,139,250,0.10);
  --tok-color-card-violet: rgba(18,10,38,0.78);
  --tok-color-card-violet-2: rgba(26,16,51,0.86);
  --tok-color-edge-silver: rgba(184,188,203,.16);
  --tok-color-edge-silver-2: rgba(184,188,203,.34);
  --tok-color-glow-peacock: rgba(22,199,180,.45);
  --tok-color-glow-violet: rgba(124,58,237,.45);
  --tok-gradient-rim: linear-gradient(90deg, #c9a84c, #22d3ee);
  --tok-gradient-loop: linear-gradient(90deg,#16C7B4 0%,#6EA8FF 55%,#7C3AED 100%);
  --tok-gradient-btn: linear-gradient(135deg,#16C7B4 0%,#3fd8c8 46%,#6EA8FF 100%);
  --tok-gradient-sheen: linear-gradient(90deg,transparent,rgba(238,240,248,.5),transparent);
  --tok-gradient-silver-fill: linear-gradient(180deg,#eef0f8 0%,#b8bccb 60%,#7f8398 100%);
  --tok-font-display: Cinzel,serif;
  --tok-font-body: Space Grotesk,Inter,system-ui,sans-serif;
  --tok-font-mono: JetBrains Mono,monospace;
  --tok-space-1: 4px;
  --tok-space-2: 8px;
  --tok-space-3: 12px;
  --tok-space-4: 16px;
  --tok-space-5: 24px;
  --tok-space-6: 32px;
  --tok-space-7: 48px;
  --tok-space-8: 64px;
  --tok-radius-sm: 14px;
  --tok-radius-md: 18px;
  --tok-radius-pill: 999px;
  --tok-motion-fast: 150ms;
  --tok-motion-base: 180ms;
  --tok-motion-slow: 250ms;
  --tok-motion-slower: 300ms;
  --tok-motion-ease: 0.22,1,0.36,1;
  --tok-dimension-max-width: 1240px;

  /* hub custom properties (the names the page CSS consumes) */
  --bg-deep: var(--tok-color-black);
  --bg-mid: var(--tok-color-bg-mid);
  --bg-card: var(--tok-color-bg-card);
  --purple: var(--tok-color-violet);
  --purple-l: var(--tok-color-violet-light);
  --purple-d: var(--tok-color-violet-deep);
  --gold: var(--tok-color-gold);
  --gold-l: var(--tok-color-gold-light);
  --text: var(--tok-color-ink);
  --muted: var(--tok-color-ink-muted);
  --danger: var(--tok-color-danger);
  --success: var(--tok-color-success);
  --cyan: var(--onyx-cyan);
  --green: var(--tok-color-green);
  --pink: var(--tok-color-pink);
  --max-w: 1240px;
  --onyx-bg: var(--tok-color-bg);
  --onyx-bg-2: var(--tok-color-bg-2);
  --onyx-bg-3: var(--tok-color-bg-3);
  --onyx-aubergine: var(--tok-color-aubergine);
  --onyx-aubergine-2: var(--tok-color-bg-3);
  --onyx-aubergine-3: var(--tok-color-aubergine-3);
  --onyx-silver: var(--tok-color-silver);
  --onyx-silver-2: var(--tok-color-ink);
  --onyx-silver-3: var(--tok-color-ink-muted);
  --onyx-text: var(--tok-color-ink);
  --onyx-text-dim: var(--tok-color-ink-muted);
  --onyx-text-mute: var(--tok-color-ink-mute);
  --onyx-edge: var(--tok-color-edge-violet);
  --onyx-edge-2: var(--tok-color-edge-violet-2);
  --onyx-edge-soft: var(--tok-color-edge-violet-soft);
  --onyx-card: var(--tok-color-card-violet);
  --onyx-card-2: var(--tok-color-card-violet-2);
  --onyx-peacock: var(--tok-color-cyan);
  --onyx-peacock-2: var(--tok-color-cyan);
  --onyx-violet-r: var(--tok-color-violet);
  --onyx-rim: var(--tok-gradient-rim);
  --onyx-success: var(--tok-color-success-soft);
  --onyx-danger: var(--tok-color-danger-soft);
  --ob-0: var(--tok-color-obsidian-0);
  --ob-1: var(--tok-color-obsidian-1);
  --ob-2: var(--tok-color-obsidian-2);
  --facet: var(--tok-color-facet);
  --facet-2: var(--tok-color-facet-2);
  --sil-hi: var(--tok-color-silver-hi);
  --sil: var(--tok-color-silver-2);
  --sil-dim: var(--tok-color-silver-dim);
  --pm-edge: var(--tok-color-edge-silver);
  --pm-edge-2: var(--tok-color-edge-silver-2);
  --onyx-a: var(--tok-color-peacock);
  --onyx-a2: var(--tok-color-peacock-light);
  --onyx-glow: var(--tok-color-glow-peacock);
  --core-a: var(--tok-color-azure);
  --core-a2: var(--tok-color-violet-upper);
  --core-glow: var(--tok-color-glow-violet);
  --loop: var(--tok-gradient-loop);
  --btn-grad: var(--tok-gradient-btn);
  --sheen: var(--tok-gradient-sheen);
  --silver-fill: var(--tok-gradient-silver-fill);
}