:root {
  --obsidian-base: #0B0E14;      /* Deepest background — page body */
  --obsidian-surface: #11141B;   /* Structural panels — nav, sidebar, header */
  --obsidian-elevated: #1E293B;  /* Raised elements — cards, modals, dropdowns */
  --obsidian-stroke: #334155;    /* Borders and subtle dividers */
  --agent-blue: #3B82F6;         /* Primary brand accent — links, CTAs, focus rings */
  --active-green: #22C55E;       /* Success states, online indicators */
  --warn-amber: #F59E0B;         /* Warning states, pending indicators */
  --error-red: #EF4444;          /* Error states, destructive actions */
  --foreground: #F1F5F9;         /* Primary text (Slate-100) */
  --muted: #94A3B8;              /* Secondary/descriptive text (Slate-400) */

  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  
  --ease-standard: 200ms ease;
  --shadow-heavy: 0 10px 25px -5px rgba(0,0,0,0.4);
}

body {
  background-color: var(--obsidian-base);
  color: var(--foreground);
  font-family: var(--font-primary);
  line-height: 1.6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}