/* NTH design tokens — distilled from theme.json */
:root {
  /* Palette */
  --nth-purple: #5B2A6E;
  --nth-purple-dark: #3D1B4A;
  --nth-purple-deep: #2A1235;
  --nth-purple-glow: #8A3D93;
  --nth-purple-ink: #1A0F22;
  --nth-void: #0d0617;
  --nth-orange: #8A3D93;
  --nth-orange-dark: #5B2A6E;
  --nth-orange-glow: #B26BBA;

  /* Warm accent — subtle orange for live/active indicators, eyebrows, and small details */
  --nth-warm: #E84717;
  --nth-warm-glow: #FF7A4A;
  --nth-warm-soft: rgba(232,71,23,0.14);
  /* Text-safe warm accent: --nth-warm only hits 3.6–3.9:1 on cream/white,
     so small text (eyebrows) uses this darkened step (≥5:1 on both). */
  --nth-warm-text: #C2380E;
  --nth-gold: #F2C14E;
  --nth-cream: #F7F5FA;
  --nth-white: #FFFFFF;
  --nth-ink: #15101A;
  --nth-ink-muted: #5E5468;
  --nth-border: #E5E0EC;
  --nth-success: #198754;
  --nth-warning: #B7791F;
  --nth-danger: #B42318;

  /* Type */
  --font-display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --fs-h1: clamp(2.25rem, 3vw + 1rem, 3.75rem);
  --fs-h2: clamp(1.75rem, 1.6vw + 1rem, 2.5rem);
  --fs-h3: 1.5rem;
  --fs-h4: 1.25rem;
  --fs-lg: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  /* Spacing */
  --sp-025: 0.25rem;
  --sp-05: 0.5rem;
  --sp-075: 0.75rem;
  --sp-1: 1rem;
  --sp-15: 1.5rem;
  --sp-2: 2rem;
  --sp-3: 3rem;
  --sp-4: 4rem;
  --sp-6: 6rem;
  --sp-8: 8rem;
  --sp-12: 12rem;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Shadows */
  --sh-sm: 0 1px 2px rgba(15, 10, 20, 0.06);
  --sh-md: 0 4px 12px rgba(15, 10, 20, 0.08);
  --sh-lg: 0 16px 40px rgba(15, 10, 20, 0.10);
  --sh-purple: 0 24px 64px -16px rgba(44, 14, 46, 0.28), 0 6px 12px rgba(14, 10, 20, 0.06);
  --sh-orange: 0 16px 40px -8px rgba(138, 61, 147, 0.45), 0 2px 8px rgba(91, 42, 110, 0.22);

  /* Motion */
  --ease-brand: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);

  /* Layout */
  --content-max: 1280px;
  --wide-max: 1440px;
  --gutter: clamp(1.25rem, 3vw, 2rem);

  /* Hero gradient — distilled */
  --grad-hero: radial-gradient(140% 90% at 18% 0%, #6B339F 0%, #4A1F66 28%, #2A1235 62%, #15071F 100%);
  --grad-hero-vignette: radial-gradient(60% 60% at 70% 60%, rgba(138,61,147,0.22), transparent 60%);

  /* Grain (soft) */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}