/* file: assets/css/tokens.css
   S3.5 TokenRefine v1 (WT-safe). Keep current visual, add RGB vars.
*/
:root{
  --bg-base:#0B0E12;
  --bg-base-rgb:11,14,18;

  --bg-surface:#111827;
  --bg-surface-rgb:17,24,39;

  --bg-surface2:#0F172A;
  --bg-surface2-rgb:15,23,42;

  --text-primary:#E5E7EB;
  --text-primary-rgb:229,231,235;

  --text-secondary:#9CA3AF;
  --text-secondary-rgb:156,163,175;

  --text-muted:#6B7280;
  --text-muted-rgb:107,114,128;

  --accent:#22D3EE;
  --accent-rgb:34,211,238;

  --accent2:#A78BFA;
  --accent2-rgb:167,139,250;

  --warn:#FBBF24;
  --warn-rgb:251,191,36;

  --line:#1F2937;
  --line-rgb:31,41,55;

  --radius-2:8px;
  --radius-3:12px;
  --radius-4:16px;
  --radius-5:20px;
  --radius-6:24px;

  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;

  --shadow-soft:0 10px 30px rgba(0,0,0,0.35);
  --shadow-glow:0 0 30px rgba(var(--accent-rgb), 0.18);

  --dur-fast:120ms;
  --dur-normal:220ms;
  --dur-slow:360ms;
  --ease:cubic-bezier(0.2, 0.8, 0.2, 1.0);

  --grid-opacity:0.10;
  --noise-opacity:0.06;
}