:root {
  --radius-s: 3px;
  --radius-m: 4px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, Menlo, monospace;
  --row-h: 32px;
  --row-h-cozy: 36px;
  --basket-row-h: 30px;
  --focus-width: 2px;
}

:root,
[data-theme="dark"] {
  --bg: #0b0f16;
  --bg-raised: #121a26;
  --bg-inset: #070b11;
  --fg: #c9d6e3;
  --fg-muted: #64748b;
  --border: #22303f;
  --accent: #8f9cff;
  --accent-fg: #0b0f16;
  --danger: #ff5577;
  --ok: #3ddc84;
  --tag-l: 0.82;
  --tag-c: 0.15;
  --tag-ink: #0b0f16;
}

[data-theme="light"] {
  --bg: #f1f2ec;
  --bg-raised: #fbfbf7;
  --bg-inset: #e7e9e0;
  --fg: #1d2530;
  --fg-muted: #6c7580;
  --border: #c3c8ba;
  --accent: #5636d6;
  --accent-fg: #ffffff;
  --danger: #b3123a;
  --ok: #1a7f37;
  --tag-l: 0.45;
  --tag-c: 0.11;
  --tag-ink: #f5f5ef;
}

[data-theme="nord"] {
  --bg: #2e3440;
  --bg-raised: #3b4252;
  --bg-inset: #272c36;
  --fg: #eceff4;
  --fg-muted: #d8dee9;
  --border: #4c566a;
  --accent: #88c0d0;
  --accent-fg: #2e3440;
  --danger: #bf616a;
  --ok: #a3be8c;
  --tag-l: 0.78;
  --tag-c: 0.1;
  --tag-ink: #2e3440;
}