/* ============================================================
   ONION CORE — DESIGN TOKENS (single source of truth)
   Midnight Neon theme (picked 2026-11-01). Every component
   consumes these variables. No raw values for spacing,
   radius, shadow, type, or color anywhere else.
   ============================================================ */
:root {
  /* --- Color roles --- */
  --c-bg:            #070714;  /* page background: near-black indigo */
  --c-bg-deep:       #04040c;  /* deepest wells, footer */
  --c-surface:       #0e0e22;  /* card surface */
  --c-surface-2:     #16162e;  /* raised surface / hover */
  --c-border:        #26264a;  /* hairlines on dark */
  --c-border-strong: #3a3a6e;
  --c-text:          #f2f2ff;  /* primary text */
  --c-text-muted:    #a6a6cc;  /* secondary text */
  --c-text-faint:    #6f6f99;  /* tertiary text */
  --c-accent:        #00e5ff;  /* neon cyan — primary actions */
  --c-accent-strong: #7df3ff;  /* accent hover / highlights */
  --c-accent-ink:    #03222b;  /* text on accent fills */
  --c-violet:        #8b5cf6;  /* violet — secondary brand accent */
  --c-violet-strong: #a78bfa;
  --c-gold:          #e8c169;  /* warm accent: locks, notices */
  --c-live:          #00e5ff;  /* status dot: live */
  --c-soon:          #8b5cf6;  /* status dot: coming soon */
  --c-focus:         #7df3ff;  /* keyboard focus ring */

  /* --- Spacing scale --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* --- Radius scale --- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-full: 999px;

  /* --- Shadow / elevation scale --- */
  --sh-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
  --sh-md: 0 6px 18px rgba(0, 0, 0, 0.5);
  --sh-lg: 0 18px 44px rgba(0, 0, 0, 0.6);
  --sh-glow: 0 0 0 1px var(--c-border-strong), 0 10px 34px rgba(0, 229, 255, 0.14);
  --sh-glow-violet: 0 0 0 1px var(--c-violet), 0 10px 34px rgba(139, 92, 246, 0.22);

  /* --- Type scale --- */
  --fs-display: clamp(2.4rem, 8vw, 4rem);
  --fs-h2: 1.5rem;
  --fs-h3: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.8125rem;
  --lh-tight: 1.08;
  --lh-body: 1.55;
  --fw-regular: 400;
  --fw-medium: 600;
  --fw-bold: 800;
  --font: "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

  /* --- Layout --- */
  --wrap: 68rem;
  --tap: 48px; /* minimum touch target */
}