:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f7f8fa;
  --bg-tertiary: #eff1f5;

  --border: #e2e5eb;
  --border-subtle: #eceef2;
  --border-strong: #d5dae3;
  --border-focus: #0057ff;

  --text-primary: #0f1117;
  --text-secondary: #5a6072;
  --text-muted: #9299a8;

  --accent: #0057ff;
  --accent-hover: #0047d4;
  --accent-subtle: #ebf0ff;
  --accent-muted: #c7d7ff;

  --success: #0b7b3e;
  --success-bg: #edfaf3;
  --success-border: #b6edd0;
  --success-dot: #16a34a;

  --danger: #c9240f;
  --danger-bg: #fef2f0;
  --danger-border: #f5c4be;
  --danger-hover-bg: #fde8e4;

  --warning: #92520a;
  --warning-bg: #fef9ec;
  --warning-border: #f5d98a;

  --code-bg: #f3f4f6;
  --code-text: #1a1f2e;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.07);

  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "DM Mono", "SF Mono", monospace;

  --nav-height: 56px;
  --sidebar-width: 240px;
  --transition: 150ms ease;

  /* Compatibility aliases for existing styles */
  --bg-base: var(--bg-primary);
  --bg-surface: var(--bg-primary);
  --bg-elevated: var(--bg-primary);
  --bg-hover: var(--bg-tertiary);
  --teal: var(--accent);
  --teal-dim: var(--accent-subtle);
  --amber: var(--warning);
  --amber-dim: var(--warning-bg);
  --red: var(--danger);
  --red-dim: var(--danger-bg);
  --text-code: var(--code-text);
  --radius: var(--radius-md);
  --shadow-inset: none;
}