:root {
  --bg:            #080D18;
  --bg-surface:    #0C1220;
  --bg-elevated:   #101828;
  --bg-hover:      #141E30;
  --border:        #1A2640;
  --border-subtle: #0E1726;

  --accent:        #00C8D4;
  --accent-dim:    #008A93;
  --accent-soft:   rgba(0, 200, 212, 0.08);
  --accent-glow:   rgba(0, 200, 212, 0.18);

  --text-primary:   #D8E4F8;
  --text-secondary: #5A7299;
  --text-muted:     #2D4060;

  --success:      #22D9A0;
  --success-soft: rgba(34, 217, 160, 0.08);
  --danger:       #FF5B6A;
  --danger-soft:  rgba(255, 91, 106, 0.08);
  --warning:      #FFB03A;
  --warning-soft: rgba(255, 176, 58, 0.08);
  --info:         #4EA8E8;
  --info-soft:    rgba(78, 168, 232, 0.08);

  --nav-height: 60px;
  --radius:     8px;
  --radius-lg:  12px;

  --font-sans:    'Figtree', sans-serif;
  --font-display: 'Syne', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}