/* Token values copied from src/libraries/design/tokens.css; the templates test keeps them equal. */
:root {
  color-scheme: light;
  --ss-bg: #f4f5f7;
  --ss-surface: #fff;
  --ss-sunk: #f1f2f4;
  --ss-ink: #111214;
  --ss-ink-2: #3a3d43;
  --ss-muted: #6a6f78;
  --ss-faint: #aab0b8;
  --ss-line: #eceef1;
  --ss-line-2: #dfe2e6;
  --ss-ok: #1a8f57;
  --ss-okbg: #e6f5ec;
  --ss-okglow: #c6ebd6;
  --ss-warn: #a8660a;
  --ss-warnbg: #fcf1dd;
  --ss-warnglow: #f6ddb0;
  --ss-danger: #b4321f;
  --ss-dangerbg: #fbe9e6;
  --ss-shadow: 0 1px 2px rgb(17 18 20 / .04), 0 12px 32px rgb(17 18 20 / .05);
  --ss-glass: rgb(255 255 255 / .74);
  --ss-inv: #fff;
  --ss-font-ui: "Schibsted Grotesk", system-ui, sans-serif;
  --ss-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --ss-radius-pill: 999px;
  --ss-radius-card: 26px;
  --ss-radius-panel: 18px;
  --ss-radius-well: 16px;
  --ss-radius-control: 12px;
  --ss-radius-tile: 8px;
  --ss-radius-token: 7px;
  --ss-size-button: 40px;
  --ss-size-button-sm: 32px;
  --ss-size-field: 44px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ss-bg: #0b0c0e;
  --ss-surface: #141619;
  --ss-sunk: #1b1e22;
  --ss-ink: #eceef1;
  --ss-ink-2: #c3c7ce;
  --ss-muted: #9096a0;
  --ss-faint: #5d636c;
  --ss-line: #22262b;
  --ss-line-2: #2c3036;
  --ss-ok: #3fcf86;
  --ss-okbg: #13281d;
  --ss-okglow: #1d4a31;
  --ss-warn: #f0b24f;
  --ss-warnbg: #2b2210;
  --ss-warnglow: #4f3a12;
  --ss-danger: #ff7b66;
  --ss-dangerbg: #2f1611;
  --ss-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 32px rgb(0 0 0 / .35);
  --ss-glass: rgb(30 33 37 / .72);
  --ss-inv: #111214;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ss-bg: #0b0c0e;
    --ss-surface: #141619;
    --ss-sunk: #1b1e22;
    --ss-ink: #eceef1;
    --ss-ink-2: #c3c7ce;
    --ss-muted: #9096a0;
    --ss-faint: #5d636c;
    --ss-line: #22262b;
    --ss-line-2: #2c3036;
    --ss-ok: #3fcf86;
    --ss-okbg: #13281d;
    --ss-okglow: #1d4a31;
    --ss-warn: #f0b24f;
    --ss-warnbg: #2b2210;
    --ss-warnglow: #4f3a12;
    --ss-danger: #ff7b66;
    --ss-dangerbg: #2f1611;
    --ss-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 12px 32px rgb(0 0 0 / .35);
    --ss-glass: rgb(30 33 37 / .72);
    --ss-inv: #111214;
  }
}