/* Generated by tools/gen-tokens.mjs from packages/host-sdk/src/tokens.ts. Do not edit by hand. */
:root {
  color-scheme: light;
  --bg: #f6f7fb;
  --panel: #ffffff;
  --card: #ffffff;
  --card-hover: #eef2f8;
  --card-active: #e7eefb;
  --line: #d5dce8;
  --line-soft: #e6ebf3;
  --fg: #152033;
  --dim: #4c5a70;
  --muted: #6b7891;
  --accent: #2f6fed;
  --ink: #ffffff;
  --accent-soft: rgba(47,111,237,0.12);
  --ok: #1a8f55;
  --ok-soft: rgba(26,143,85,0.12);
  --warn: #9a6700;
  --warn-soft: rgba(154,103,0,0.12);
  --bad: #cf222e;
  --bad-soft: rgba(207,34,46,0.12);
  --shadow: 0 1px 2px rgba(16,24,40,0.06), 0 8px 24px rgba(16,24,40,0.06);
  --scrim: rgba(16,24,40,0.38);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0f16;
  --panel: #111726;
  --card: #161d2e;
  --card-hover: #1b2438;
  --card-active: #1d2740;
  --line: #202940;
  --line-soft: #1a2132;
  --fg: #e7edf6;
  --dim: #9aa7bd;
  --muted: #6b7891;
  --accent: #5b8cff;
  --ink: #ffffff;
  --accent-soft: rgba(91,140,255,0.15);
  --ok: #3fd18b;
  --ok-soft: rgba(63,209,139,0.14);
  --warn: #f2b25c;
  --warn-soft: rgba(242,178,92,0.14);
  --bad: #ff7b72;
  --bad-soft: rgba(255,123,114,0.14);
  --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.22);
  --scrim: rgba(5,8,13,0.62);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b0f16;
    --panel: #111726;
    --card: #161d2e;
    --card-hover: #1b2438;
    --card-active: #1d2740;
    --line: #202940;
    --line-soft: #1a2132;
    --fg: #e7edf6;
    --dim: #9aa7bd;
    --muted: #6b7891;
    --accent: #5b8cff;
    --ink: #ffffff;
    --accent-soft: rgba(91,140,255,0.15);
    --ok: #3fd18b;
    --ok-soft: rgba(63,209,139,0.14);
    --warn: #f2b25c;
    --warn-soft: rgba(242,178,92,0.14);
    --bad: #ff7b72;
    --bad-soft: rgba(255,123,114,0.14);
    --shadow: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.22);
    --scrim: rgba(5,8,13,0.62);
  }
}