:root {
  color-scheme: light;
  --bg: #F7FBFE;
  --surface: #FFFFFF;
  --surface-soft: #EEF5F9;
  --surface-glass: rgba(255,255,255,.88);
  --ink: #172232;
  --muted: #8195A5;
  --primary: #397CF7;
  --line: #DFE9F0;
  --mango: #FFAD38;
  --leaf-ui: #34C987;
  --danger: #FF706A;
  --shadow: 0 16px 44px rgba(43,76,106,.10);
  --shadow-float: 0 24px 58px rgba(52,77,97,.16);
  --page-gutter: 16px;
  --row-compact: 56px;
  --row-standard: 68px;
  --row-feature: 90px;
  --dock-height: 80px;
  --radius-sm: 13px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 29px;
  --touch: 44px;
  --font-ui: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --text-task: 15.5px;
  --text-task-feature: 18.5px;
  --text-meta: 11.5px;
  --text-caption: 10.5px;
  --text-body: 12.5px;
  --text-control: 11.5px;
  --text-nav: 10.5px;
  --motion-fast: 120ms;
  --motion: 180ms;
  --motion-sheet: 220ms;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0D1415;
  --surface: #151A18;
  --surface-soft: #1D2421;
  --surface-glass: rgba(21,26,24,.92);
  --ink: #F4F5F1;
  --muted: #9AA29D;
  --line: #2B332F;
  --primary: #E8E58A;
  --shadow: 0 18px 50px rgba(0,0,0,.30);
  --shadow-float: 0 24px 58px rgba(0,0,0,.42);
}