:root {
  --font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Inter", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "Consolas", "SF Mono", Menlo, monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --lh: 1.45;
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s8: 32px;
  --s10: 40px;
  --s12: 48px;
  --r-card: 8px;
  --r-ctl: 6px;
  --row: 40px;
  --ctl-h: 36px;
  --ctl-h-sm: 30px;
  --sidebar-w: 232px;
  --topbar-h: 56px;
  --ease: cubic-bezier(.2, 0, 0, 1);
  --dur: 120ms;

  --bg: #F5F5F2;
  --surface: #FFFFFF;
  --surface-2: #F0F0EC;
  --surface-3: #E7E7E1;
  --border: #E2E2DC;
  --border-strong: #C9C9C1;
  --text: #15171A;
  --muted: #575B61;
  --faint: #686C72;
  --accent: #0B7A55;
  --accent-hover: #086646;
  --accent-weak: #E3F3EC;
  --accent-text: #075E42;
  --on-accent: #FFFFFF;
  --danger: #C4321F;
  --danger-text: #A3271A;
  --danger-weak: #FBEDEA;
  --warning: #A15C07;
  --warning-text: #85480A;
  --warning-weak: #FBF1E2;
  --success: #3B7A2A;
  --success-text: #2D6120;
  --success-weak: #ECF4E6;
  --stage-1: #EAF4EF;
  --stage-1-t: #1F4D3B;
  --stage-2: #D8ECE2;
  --stage-2-t: #1A4A37;
  --stage-3: #BFE0D0;
  --stage-3-t: #143F2F;
  --stage-4: #9CCFB7;
  --stage-4-t: #0F3527;
  --stage-5: #0B7A55;
  --stage-5-t: #FFFFFF;
  --stage-6: #EEEEEA;
  --stage-6-t: #4F535A;
  --shadow-pop: 0 8px 24px rgba(21, 23, 26, .12), 0 2px 6px rgba(21, 23, 26, .08);
  --focus: 0 0 0 2px var(--surface), 0 0 0 4px var(--accent);
  --skeleton: #E8E8E3;
  --backdrop: rgba(21, 23, 26, .42);
  --grid-line: rgba(11, 122, 85, .08);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0E1012;
  --surface: #15181B;
  --surface-2: #1B1F23;
  --surface-3: #22272C;
  --border: #262B30;
  --border-strong: #353C43;
  --text: #E8EAE6;
  --muted: #A0A69F;
  --faint: #8E948D;
  --accent: #34C08A;
  --accent-hover: #4FD19D;
  --accent-weak: #10261D;
  --accent-text: #6FDCAE;
  --on-accent: #06130D;
  --danger: #F07A6A;
  --danger-text: #F6A397;
  --danger-weak: #2A1512;
  --warning: #E3A43A;
  --warning-text: #F0C06A;
  --warning-weak: #2A1F0D;
  --success: #7CC96A;
  --success-text: #A2DC92;
  --success-weak: #15230F;
  --stage-1: #12221B;
  --stage-1-t: #B5DDCA;
  --stage-2: #163026;
  --stage-2-t: #C3E5D4;
  --stage-3: #1B3D30;
  --stage-3-t: #D2ECDF;
  --stage-4: #22503E;
  --stage-4-t: #E1F3EA;
  --stage-5: #34C08A;
  --stage-5-t: #06130D;
  --stage-6: #1D2125;
  --stage-6-t: #A6ACA6;
  --shadow-pop: 0 10px 28px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);
  --skeleton: #1D2125;
  --backdrop: rgba(0, 0, 0, .6);
  --grid-line: rgba(52, 192, 138, .07);
  color-scheme: dark;
}