/* ============================================================
   tokens.css — SN Corporation neon design tokens
   Extracted verbatim from the 3 "Neon" reference artifacts.
   ============================================================ */
:root {
  /* — surfaces — */
  --bg: #0A0712;          /* deepest background (purple ink) */
  --bg2: #0c0918;         /* gradient pair */
  --surface: #160f22;     /* card */
  --surface2: #1d1533;    /* card hover / elevated */
  --glass: rgba(20, 14, 34, .66);   /* backdrop-filter blur(20-30px) */

  /* — lines / borders — */
  --line: rgba(168, 85, 247, .16);  /* neon border */
  --line2: rgba(168, 85, 247, .32); /* stronger neon border */

  /* — text — */
  --tx: #F1ECFB;          /* body */
  --tx2: #a79dc2;         /* sub */
  --tx3: #6a627f;         /* disabled / caption */

  /* — accents — */
  --purple: #A855F7;      /* SN main accent */
  --cyan: #22D3EE;        /* secondary accent (GAMES) */
  --pink: #EC4899;        /* emphasis (HISTORY milestones) */
  --lime: #5BC500;        /* LIVE / positive signal */
  --lime2: #74E000;

  /* — type — */
  --font-display: 'Sora', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Pretendard', 'Sora', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

  /* — layout — */
  --nav-h: 68px;
  --maxw: 1240px;
  --pad-x: 28px;

  /* — easing — */
  --ease: cubic-bezier(.16, 1, .3, 1);

  /* — focus — */
  --focus: 2px solid var(--purple);
}