:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --brand-50: #f2f7f5;
  --brand-100: #e2ece8;
  --brand-200: #c6dad3;
  --brand-300: #9fc0b5;
  --brand-400: #6e9c8e;
  --brand-500: #4f7f71;
  --brand-600: #3e685d;
  --brand-700: #34534c;
  --brand-800: #2c443f;
  --brand-900: #10322c;

  --accent-500: #e07b1d;
  --accent-600: #c86b14;

  --bg: #f6f8f7;
  --surface: #ffffff;
  --surface-2: #f9fbfa;
  --surface-3: #f1f4f3;
  --text: #18201e;
  --text-soft: #596661;
  --text-faint: #83908b;
  --border: #dfe5e2;
  --border-strong: #cbd4d0;

  --control-bg: #ffffff;
  --control-border: #7a8d83;
  --control-hover: #3e685d;
  --control-accent: #28624f;
  --control-mark: #ffffff;
  --control-track: #7d8983;
  --control-thumb: #ffffff;
  --control-focus: #28624f;
  --control-disabled-bg: #edf1ef;
  --control-disabled-border: #c0cbc5;
  --control-disabled-accent: #8eaaa0;
  --control-disabled-mark: #ffffff;
  --scrollbar-track: #eef2ef;
  --scrollbar-thumb: #7a8d83;
  --scrollbar-thumb-hover: #536f5e;

  --success: #1f7a4f;
  --success-bg: #eaf7f0;
  --warning: #9a640d;
  --warning-bg: #fff5df;
  --danger: #b53a3a;
  --danger-bg: #fff0f0;
  --info: #2c64b7;
  --info-bg: #edf4ff;

  --sidebar-bg: #143b34;
  --sidebar-text: #eaf3f0;
  --sidebar-muted: #9bb5ad;
  --sidebar-hover: rgba(255,255,255,.07);
  --sidebar-active: rgba(224,123,29,.15);

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;

  --shadow-sm: 0 1px 2px rgba(16,24,20,.05);
  --shadow-md: 0 10px 30px rgba(16,24,20,.08);
  --shadow-lg: 0 24px 60px rgba(16,24,20,.14);

  --sidebar-w: 268px;
  --topbar-h: 76px;
  --page-max: 1600px;

  --ease: 180ms ease;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101412;
  --surface: #151b18;
  --surface-2: #19211d;
  --surface-3: #1e2823;
  --text: #eef3f1;
  --text-soft: #b4c0bb;
  --text-faint: #83908b;
  --border: #2a3732;
  --border-strong: #3a4842;
  --control-bg: #19211d;
  --control-border: #758d80;
  --control-hover: #9bd6bd;
  --control-accent: #7bc8ae;
  --control-mark: #10291f;
  --control-track: #2b3b32;
  --control-thumb: #c1d0c7;
  --control-focus: #92d9bf;
  --control-disabled-bg: #202c25;
  --control-disabled-border: #42594b;
  --control-disabled-accent: #435f50;
  --control-disabled-mark: #b5c8bd;
  --scrollbar-track: #19221d;
  --scrollbar-thumb: #607d6b;
  --scrollbar-thumb-hover: #8bad98;
  --success: #8ad5af;
  --success-bg: #193325;
  --warning: #f0c879;
  --warning-bg: #352b17;
  --danger: #f2a0a0;
  --danger-bg: #381e22;
  --info: #9bc4ff;
  --info-bg: #1c2b43;
  --sidebar-bg: #0f2c27;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.2);
  --shadow-md: 0 10px 30px rgba(0,0,0,.24);
}