:root {
  /* Brand & accents */
  --primary: #4361EE;
  --primary-hover: #3A54D4;
  --secondary: #3F37C9;
  --accent: #FFB100; /* warm pop for CTAs */
  --accent-alt: #4CC9F0; /* info/progress */

  /* Status */
  --success: #22C55E;
  --warning: #F59E0B;
  --danger:  #EF4444;
  --info:    #0EA5E9;

  /* Surfaces & text (light) */
  --bg: #F5F7FF;
  --surface: #FFFFFF;
  --surface-subtle: #F1F5F9;
  --text: #1F2937;
  --text-medium: #475569;
  --text-muted: #64748B;
  --border: #E2E8F0;
  --divider: #CBD5E1;

  /* Code */
  --code-inline-bg: #F1F5F9;
  --code-block-bg: #1E1E2F;
  --code-block-border: #2C2F3A;

  /* Effects */
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.12);
  --radius: 8px;
  --focus-color: rgba(67, 97, 238, 0.35);

  /* Back-compat aliases */
  --light: #f8f9fa;
  --dark: var(--text);

  /* Fonts */
  --font-heading: 'Space Grotesk', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-code: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --font-accent-display: 'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Dark theme overrides */
html.theme-dark {
  --bg: #0F172A;
  --surface: #1E293B;
  --surface-subtle: #24324A;
  --text: #F8FAFC;
  --text-medium: #CBD5E1;
  --text-muted: #94A3B8;
  --border: #2E3A4D;
  --divider: #334155;
  --code-block-bg: #111827;
  --code-inline-bg: #1E293B;
}