/* ═══════════════════════════════════════════════
   DESIGN TOKENS — SANTET V3
   Single source of truth for all design values
   ═══════════════════════════════════════════════ */
:root {
  color-scheme: dark;
  /* ── Background ── */
  --bg:       #050505;
  --card:     rgba(255,255,255,0.03);
  --surface:  rgba(255,255,255,0.05);
  --surface2: rgba(255,255,255,0.07);
  --input:    #0a0a10;

  /* ── Border ── */
  --border:   rgba(255,184,0,.08);
  --border2:  rgba(255,184,0,.15);
  --border-r: rgba(255,184,0,.25);
  --border-r2:rgba(255,122,0,.4);

  /* ── Primary (Orange/Gold) ── */
  --r1: #FF5500;
  --r2: #FF7A00;
  --r3: #FFB800;
  --r4: #FFD166;
  --r-bg:  rgba(255,184,0,.1);
  --r-bg2: rgba(255,122,0,.06);

  /* ── Semantic Colors ── */
  --green:        #22c55e;
  --green-bg:     rgba(34,197,94,.1);
  --green-border: rgba(34,197,94,.25);
  --yellow:       #FFB800;
  --yellow-bg:    rgba(255,184,0,.1);
  --blue:         #3b82f6;
  --blue-bg:      rgba(59,130,246,.1);
  --purple:       #a855f7;
  --purple-bg:    rgba(168,85,247,.1);
  --orange:       #FF7A00;
  --orange-bg:    rgba(255,122,0,.1);
  --red:          #e74c3c;
  --red-bg:       rgba(231,76,60,.1);

  /* ── Text ── */
  --tx:  #f1f1f5;
  --tx2: #9494a8;
  --tx3: #5c5c72;

  /* ── Typography ── */
  --font-heading: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', 'Consolas', monospace;

  /* ── Font Sizes ── */
  --fs-xs:  11px;
  --fs-sm:  12px;
  --fs-md:  13px;
  --fs-lg:  15px;
  --fs-xl:  18px;
  --fs-2xl: 21px;

  /* ── Radius ── */
  --radius:    24px;
  --radius-sm: 12px;
  --radius-xs: 8px;

  /* ── Shadows ── */
  --shadow:    0 0 0 1px var(--border), 0 8px 32px rgba(0,0,0,.35);
  --shadow-lg: 0 0 0 1px var(--border), 0 20px 60px rgba(0,0,0,.5);
  --shadow-glow: 0 4px 20px rgba(255,184,0,.22);
  --shadow-glow-lg: 0 8px 40px rgba(255,122,0,.38);
  --shadow-r: 0 4px 20px rgba(255,184,0,.22);
  --shadow-r2: 0 8px 40px rgba(255,122,0,.38);
  --muted: var(--tx3);

  /* ── Sidebar ── */
  --sw: 224px;
  --sw-icon: 64px;

  /* ── Transitions ── */
  --ease: cubic-bezier(.22,.68,0,1.2);
  --transition: .2s var(--ease);
  --transition-slow: .35s var(--ease);
  --transition-bounce: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Neon/Glass ── */
  --neon-glow: rgba(255,184,0,.15);
  --neon-border: rgba(255,184,0,.15);
  --glass-bg: rgba(255,255,255,0.03);
}