:root {
  --font-ui: 'Fira Sans', system-ui, sans-serif;
  --font-mono: 'Fira Code', ui-monospace, monospace;
  --text-xs: 11px;
  --text-sm: 12px;
  --text-md: 13px;
  --text-lg: 14px;
  --text-title: 20px;
  --text-hero: 28px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --row-height: 30px;
  --tabs-height: 46px;
  --toolbar-height: 78px;
  --sidebar-width: 212px;
  --detail-width: 306px;
  --splitter-width: 5px;
  --motion: 160ms;
  --z-menu: 30;
  --icon-size: 16px;
  --brand-icon-size: 36px;
  --welcome-logo-size: 96px;
}
:root, :root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #081310;
  --surface-raised: #0e1e19;
  --surface-hover: #16302a;
  --border: #2a463a;
  --text: #f8fae9;
  --muted: #b6cbb7;
  --accent: #b7f56d;
  --accent-bg: #14251a;
  --accent-text: #000000;
  --lane-mint: #79dfbd;
  --lane-cream: #eff6bd;
  --lane-leaf: #abe39a;
  --age-fresh: #7ef0a6;
  --age-young: #bff081;
  --age-mature: #ecd98a;
  --age-old: #e3b78b;
  --age-root: #dca58a;
  --mark-red: #ff8a80;
  --mark-amber: #ffce6b;
  --mark-green: #7ee787;
  --mark-blue: #7fbfff;
  --mark-violet: #d0a9ff;
  --mark-slate: #b0becb;
  --danger: #ffc2b2;
  --danger-bg: #2b1512;
  --syntax-keyword: #f4afda;
  --syntax-string: #f2ba5b;
  --syntax-number: #f4b49f;
  --syntax-comment: #b9c8be;
  --syntax-function: #9fc7f4;
  --syntax-type: #d4b9f3;
  --syntax-property: #3cddd7;
  --shadow: 0 16px 48px #00000066;
  --overlay: #00000080;
}
[data-theme='light'] {
  color-scheme: light;
  --bg: #f8faee;
  --surface: #edf2e3;
  --surface-raised: #fffff6;
  --surface-hover: #dfe8d4;
  --border: #becdb6;
  --text: #102d23;
  --muted: #46604b;
  --accent: #30621e;
  --accent-bg: #dfedc9;
  --accent-text: #fffff6;
  --lane-mint: #16604a;
  --lane-cream: #626018;
  --lane-leaf: #3e602b;
  --age-fresh: #15683f;
  --age-young: #40631a;
  --age-mature: #6a5410;
  --age-old: #7c4a1c;
  --age-root: #6f3626;
  --mark-red: #c62f2f;
  --mark-amber: #8a5a00;
  --mark-green: #2e7d32;
  --mark-blue: #1f5fbf;
  --mark-violet: #7b3fbf;
  --mark-slate: #556370;
  --danger: #973b2e;
  --danger-bg: #f6e1da;
  --syntax-keyword: #951567;
  --syntax-string: #6d4809;
  --syntax-number: #8e2f10;
  --syntax-comment: #425448;
  --syntax-function: #114e95;
  --syntax-type: #6620b6;
  --syntax-property: #105956;
  --shadow: 0 16px 48px #102d2326;
  --overlay: #102d2366;
}