:root {
  /* Backgrounds — warm dark, not pure black */
  --bg-primary:  #0e0d0c;
  --bg-secondary: #1a1917;
  --bg-card:     #201f1c;
  --bg-sidebar:  #131210;

  /* Accent — amber, bolder */
  --accent:       #d4860a;
  --accent-hover: #b87008;
  --accent-dim:   rgba(212, 134, 10, 0.12);

  /* Text — warm off-white */
  --text-primary:   #e6e2da;
  --text-secondary: #9a958c;
  --text-muted:     #5a5650;

  /* Borders */
  --border:       #2a2824;
  --border-light: #38352f;

  /* Semantic */
  --success: #4d9e6b;
  --warning: #d4860a;
  --danger:  #c94f4f;
  --info:    #4a87cc;

  /* Category colors */
  --cat-vanilla: #4a87cc;
  --cat-visual:  #9468cc;
  --cat-world:   #4d9e6b;
  --cat-content: #c94f4f;
  --cat-tech:    #d4860a;
  --cat-build:   #c45f8a;
  --cat-qol:     #2aaec4;
  --cat-perf:    #6e6a64;

  /* Layout */
  --sidebar-width: 260px;

  /* Typography */
  --font-heading: Georgia, 'Palatino Linotype', Palatino, 'Book Antiqua', serif;
  --font-base:    'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'Cascadia Code', 'Fira Code', Consolas, 'Courier New', monospace;

  /* Scale */
  --text-xs:   0.72rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.1rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-hero: 3.5rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Radius — tighter, more editorial */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;

  /* Transitions */
  --transition:      0.15s ease;
  --transition-slow: 0.25s ease;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.6);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.65);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.75);
}