:root {
  --page-bg: #f6f7f8;
  --surface: #ffffff;
  --surface-subtle: #f1f3f5;
  --text-primary: #202124;
  --text-secondary: #5f6368;
  --border-subtle: #dadce0;
  --control-border: #73777d;
  --brand-accent: #30343b;
  --on-brand: #ffffff;
  --success-text: #166534;
  --success-bg: #f0fdf4;
  --warning-text: #92400e;
  --warning-bg: #fffbeb;
  --danger-text: #b42318;
  --danger-bg: #fef3f2;
  --info-text: #1d4ed8;
  --info-bg: #eff6ff;
  --radius-control: 8px;
  --radius-card: 12px;
  --radius-badge: 999px;
  --shadow-overlay: 0 12px 32px rgb(0 0 0 / 12%);
  --font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: var(--font-ui);
  --font-mono: ui-monospace, monospace;
}