:root {
  color-scheme: light;
  --font-sans: "Segoe UI", Inter, Arial, sans-serif;
  --font-mono: "Cascadia Code", Consolas, monospace;
  --text-strong: #17202a;
  --text: #273444;
  --text-muted: #596776;
  --surface: #ffffff;
  --surface-subtle: #f6f8fa;
  --surface-quiet: #eef2f4;
  --canvas: #f2f5f6;
  --line: #d7dee2;
  --line-strong: #aeb9c0;
  --brand: #0b6f6a;
  --brand-hover: #075955;
  --brand-soft: #dff3f1;
  --accent: #8b5a11;
  --accent-soft: #fff1d6;
  --success: #167044;
  --success-soft: #e1f5e9;
  --warning: #8a5300;
  --warning-soft: #fff0cc;
  --danger: #a42a22;
  --danger-soft: #fde7e5;
  --info: #215ea8;
  --info-soft: #e8f1fc;
  --focus: #006ee6;
  --sidebar: #172624;
  --sidebar-text: #e9f2f0;
  --sidebar-muted: #9fb5b0;
  --shadow-sm: 0 1px 2px rgb(20 34 38 / 8%);
  --shadow-md: 0 8px 24px rgb(20 34 38 / 12%);
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --sidebar-width: 264px;
  --topbar-height: 64px;
  --content-max: 1440px;
}