/* Generated from tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
:root {
  --bg: #ffffff;
  --bg-canvas: #f3f3f1;
  --bg-panel: #fdfcfd;
  --bg-nav: #fcfcfb;
  --bg-band: #fafaf9;
  --bg-row: #ffffff;
  --bg-sidebar: #fbfbfb;
  --bg-muted: #f5f5f5;
  --bg-button: #f1f1f1;
  --bg-selected: #e7e7e7;
  --bg-input: #ffffff;
  --bg-selection: #348ede;
  --on-selection: #ffffff;
  --border: #e0e0e0;
  --border-subtle: #ececec;
  --border-strong: #cfcfcf;
  --text: #141414;
  --text-secondary: #6e6e6e;
  --text-placeholder: #8f8f8f;
  --link: #2c66a4;
  --focus: #3d84c0;
  --strong: #141414;
  --on-strong: #ffffff;
  --success: #1f9643;
  --danger: #a5546c;
  --on-status: #ffffff;
  --success-soft: rgba(31,150,67,0.15);
  --danger-soft: rgba(229,72,77,0.09);
  --font-sans: Figtree, ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --font-serif: "Source Serif 4", Georgia, serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --control-height: 32px;
  --control-height-sm: 28px;
  --content-width: 760px;
  --tool-width: 1080px;
  --row-height: 56px;
  --file-row-height: 44px;
  --nav-width: 240px;
  --detail-width: 340px;
  --list-width: 320px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #181818;
    --bg-canvas: #121212;
    --bg-panel: #181818;
    --bg-nav: #181818;
    --bg-band: #1f1f1f;
    --bg-row: #181818;
    --bg-sidebar: #1f1f1f;
    --bg-muted: #252525;
    --bg-button: #303030;
    --bg-selected: #3d3d3d;
    --bg-input: #303030;
    --bg-selection: #2f6fb0;
    --on-selection: #ffffff;
    --border: #404040;
    --border-subtle: #303030;
    --border-strong: #4d4d4d;
    --text: #ececec;
    --text-secondary: #a3a3a3;
    --text-placeholder: #7a7a7a;
    --link: #6aaae8;
    --focus: #6aa8de;
    --strong: #ececec;
    --on-strong: #141414;
    --success: #6cc287;
    --danger: #ec8ba0;
    --on-status: #141414;
    --success-soft: rgba(108,194,135,0.18);
    --danger-soft: rgba(236,139,160,0.16);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #181818;
  --bg-canvas: #121212;
  --bg-panel: #181818;
  --bg-nav: #181818;
  --bg-band: #1f1f1f;
  --bg-row: #181818;
  --bg-sidebar: #1f1f1f;
  --bg-muted: #252525;
  --bg-button: #303030;
  --bg-selected: #3d3d3d;
  --bg-input: #303030;
  --bg-selection: #2f6fb0;
  --on-selection: #ffffff;
  --border: #404040;
  --border-subtle: #303030;
  --border-strong: #4d4d4d;
  --text: #ececec;
  --text-secondary: #a3a3a3;
  --text-placeholder: #7a7a7a;
  --link: #6aaae8;
  --focus: #6aa8de;
  --strong: #ececec;
  --on-strong: #141414;
  --success: #6cc287;
  --danger: #ec8ba0;
  --on-status: #141414;
  --success-soft: rgba(108,194,135,0.18);
  --danger-soft: rgba(236,139,160,0.16);
  color-scheme: dark;
}