:root {
  --bg-deep:       #f1f5f9;
  --bg-panel:      #f8fafc;
  --bg-card:       #ffffff;
  --bg-card-hover: #ffffff;
  --border:        #e2e8f0;
  --border-bright: #cbd5e1;

  --blue:          #0284c7;
  --blue-bright:   #0ea5e9;
  --cyan:          #0891b2;
  --cyan-dim:      rgba(8,145,178,0.08);
  --cyan-glow:     rgba(8,145,178,0.2);

  --text-primary:  #0f172a;
  --text-secondary:#475569;
  --text-muted:    #94a3b8;
  --text-label:    #0891b2;

  --green:         #059669;
  --amber:         #d97706;
  --red:           #dc2626;

  --font-display: 'IBM Plex Sans', sans-serif;
  --font-body:    'IBM Plex Sans', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;

  --radius:        6px;
  --radius-lg:     12px;
  --nav-h:         64px;
  --shadow-soft:   0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-hover:  0 12px 24px rgba(15, 23, 42, 0.08);
}