:root {
  --brand: #4285F4;
  --brand-hover: #1a5fc8;
  --bg: #ffffff;
  --bg-surface: #f8f9fb;
  --bg-subtle: #f0f2f5;
  --text: #0d1117;
  --text-muted: #5c6370;
  --text-hint: #9ca3af;
  --border: rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.15);
  --success: #1D9E75;
  --warning: #BA7517;
  --danger: #D85A30;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.04);
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --max-width: 1100px;
  --content-width: 720px;
}

[data-theme="dark"] {
  --bg: #0d1117;
  --bg-surface: #161b22;
  --bg-subtle: #1c2128;
  --text: #e6edf3;
  --text-muted: #8b949e;
  --text-hint: #6e7681;
  --border: rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.14);
  --brand: #4f8ef7;
  --brand-hover: #79aaff;
}