:root {
  /* Core palette */
  --bg-base:       #0c0e14;
  --bg-surface:    #13161f;
  --bg-elevated:   #1a1e2b;
  --bg-highlight:  #222739;

  --border:        #2a2f42;
  --border-subtle: #1e2334;

  --accent:        #f5a623;
  --accent-dim:    #c8831a;
  --accent-glow:   rgba(245,166,35,0.15);
  --accent-soft:   rgba(245,166,35,0.08);

  --green:         #22c55e;
  --green-soft:    rgba(34,197,94,0.12);
  --red:           #ef4444;
  --red-soft:      rgba(239,68,68,0.12);
  --blue:          #3b82f6;
  --blue-soft:     rgba(59,130,246,0.12);
  --purple:        #a78bfa;
  --purple-soft:   rgba(167,139,250,0.12);

  /* Text */
  --text-primary:   #f0f2f8;
  --text-secondary: #8892ab;
  --text-muted:     #525d78;
  --text-accent:    #f5a623;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing scale */
  --s2:  2px;  --s4: 4px;   --s6: 6px;
  --s8:  8px;  --s10: 10px; --s12: 12px;
  --s16: 16px; --s20: 20px; --s24: 24px;
  --s28: 28px; --s32: 32px; --s40: 40px;
  --s48: 48px; --s56: 56px; --s64: 64px;
  --s80: 80px;

  /* Radius */
  --r4:  4px;  --r6:  6px;  --r8:  8px;
  --r12: 12px; --r16: 16px; --r24: 24px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:  0 12px 40px rgba(0,0,0,0.6);
  --shadow-accent: 0 0 24px rgba(245,166,35,0.2);

  /* Sidebar */
  --sidebar-width: 240px;

  /* Transitions */
  --t-fast:   150ms ease;
  --t-base:   250ms ease;
  --t-slow:   400ms ease;
}