:root {
  /* Accent */
  --accent: #8b7cf8;
  --accent-dim: rgb(139 124 248 / 15%);
  --accent-hover: #9d8ff9;

  /* Backgrounds */
  --bg-base: #0e0e1a;
  --bg-panel: #1e1e30;
  --bg-surface: #161622;

  /* Borders */
  --border: #3d3d5c;
  --border-subtle: #2d2d45;

  /* Diff */
  --diff-added-bg: rgb(34 197 94 / 10%);
  --diff-added-text: #4ade80;
  --diff-changed-bg: rgb(245 158 11 / 10%);
  --diff-changed-text: #fbbf24;
  --diff-removed-bg: rgb(239 68 68 / 10%);
  --diff-removed-text: #f87171;
  --diff-unchanged: #7d7dac;

  /* Fonts */
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;

  /* Font sizes */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;

  /* Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 9999px;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Text */
  --text-muted: #88a;
  --text-primary: #e4e4f4;
  --text-secondary: #a0a0c0;

  /* Transitions */
  --transition-base: 250ms ease;
  --transition-fast: 150ms ease;
}