:root {
  /* Surfaces — layered from darkest to lightest, consistent cool-slate tint */
  --background: oklch(0.09 0.006 265);
  --foreground: oklch(0.82 0.005 265);

  --card: oklch(0.13 0.006 265);
  --card-foreground: oklch(0.82 0.005 265);

  /* Popovers float above cards — slightly lighter to appear elevated */
  --popover: oklch(0.17 0.006 265);
  --popover-foreground: oklch(0.82 0.005 265);

  /* Primary — subdued blue that sits back on dark surfaces */
  --primary: oklch(0.42 0.08 250);
  --primary-foreground: oklch(0.98 0.003 265);

  /* Secondary — subtle elevated surface for secondary buttons */
  --secondary: oklch(0.19 0.007 265);
  --secondary-foreground: oklch(0.82 0.005 265);

  /* Muted — inline backgrounds (code, skeletons, error panels) */
  --muted: oklch(0.21 0.008 265);
  --muted-foreground: oklch(0.56 0.005 265);

  /* Accent — hover states, slightly more chromatic than muted to feel interactive */
  --accent: oklch(0.22 0.012 265);
  --accent-foreground: oklch(0.88 0.005 265);

  /* Destructive — vivid red, clearly visible on dark surfaces */
  --destructive: oklch(0.62 0.2 22);
  --destructive-foreground: oklch(0.98 0.003 265);

  /* Borders — --border for layout dividers, --input for form field borders */
  --border: oklch(0.21 0.007 265);
  --input: oklch(0.25 0.007 265);
  --ring: oklch(0.34 0.06 250);

  /* Sidebar — darkest surface, distinct from background */
  --sidebar: oklch(0.07 0.005 265);
  --sidebar-foreground: oklch(0.68 0.005 265);
  --sidebar-accent: oklch(0.19 0.01 265);
  --sidebar-accent-foreground: oklch(0.84 0.005 265);
}
