/* Generated by scripts/gen-design.ts from shared/. Do not edit; edit shared/ and run `npm run design`. */
/* Brand fonts: bundled next to this file in fonts/ (from shared/fonts, SIL OFL 1.1), never from a CDN. */
@font-face {
  font-family: "Figtree";
  src: url("./fonts/Figtree-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("./fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
/* Theme: light. Set <html data-theme="light|dark"> to force one. */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --panel: #f3f5f8;
  --line: #e2e6ec;
  --text: #111318;
  --dim: #636b7a;
  --you: #2e5bff;
  --on-you: #ffffff;
  --agent: #eceef2;
  --on-agent: #111318;
  --primary: #111318;
  --on-primary: #ffffff;
  --accent: #2e5bff;
  --on-accent: #ffffff;
  --accent-soft: #e8eeff;
  --ask: #ffb547;
  --on-ask: #111318;
  --ask-soft: #fff3e0;
  --ask-ink: #9a5a00;
  --ok: #0b7a50;
  --on-ok: #ffffff;
  --warn: #946200;
  --error: #d93a2b;
  --scrim: #11131866;
  --err: var(--error);
  --palette-white: #ffffff;
  --palette-mist: #f3f5f8;
  --palette-cloud: #e2e6ec;
  --palette-slate: #636b7a;
  --palette-ink: #111318;
  --palette-blue: #2e5bff;
  --palette-sky: #e8eeff;
  --palette-spark: #ffb547;
  --palette-spark-light: #fff3e0;
  --palette-spark-deep: #9a5a00;
  --palette-green: #0b7a50;
  --palette-amber: #946200;
  --palette-red: #d93a2b;
  --palette-night: #0f1115;
  --palette-night-panel: #171a20;
  --palette-night-line: #262b34;
  --palette-night-text: #eceef2;
  --palette-night-dim: #8e96a6;
  --palette-blue-night: #7b93ff;
  --palette-sky-night: #1c2550;
  --palette-spark-night: #3a2a10;
  --palette-spark-glow: #ffcf85;
  --palette-mint: #7cf0b5;
  --palette-amber-night: #f5c76a;
  --palette-red-night: #ff8a80;
  --palette-fog: #eceef2;
  --palette-night-bubble: #23272f;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 28px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-button: 999px;
  --radius-card: 22px;
  --radius-pill: 999px;
  --size-button: 48px;
  --size-step-bar: 4px;
  --font-caption: 12px;
  --font-footnote: 13px;
  --font-body: 16px;
  --font-title: 20px;
  --font-display: 30px;
  --font-amount: 34px;
  --font-family-text: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --motion-fast: 150ms;
  --motion-screen: 200ms;
  --motion-base: 250ms;
  --motion-travel: 350ms;
  --motion-morph: 550ms;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1115;
  --panel: #171a20;
  --line: #262b34;
  --text: #eceef2;
  --dim: #8e96a6;
  --you: #2e5bff;
  --on-you: #ffffff;
  --agent: #23272f;
  --on-agent: #eceef2;
  --primary: #eceef2;
  --on-primary: #0f1115;
  --accent: #7b93ff;
  --on-accent: #0f1115;
  --accent-soft: #1c2550;
  --ask: #ffb547;
  --on-ask: #0f1115;
  --ask-soft: #3a2a10;
  --ask-ink: #ffcf85;
  --ok: #7cf0b5;
  --on-ok: #0f1115;
  --warn: #f5c76a;
  --error: #ff8a80;
  --scrim: #00000099;
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #ffffff;
  --panel: #f3f5f8;
  --line: #e2e6ec;
  --text: #111318;
  --dim: #636b7a;
  --you: #2e5bff;
  --on-you: #ffffff;
  --agent: #eceef2;
  --on-agent: #111318;
  --primary: #111318;
  --on-primary: #ffffff;
  --accent: #2e5bff;
  --on-accent: #ffffff;
  --accent-soft: #e8eeff;
  --ask: #ffb547;
  --on-ask: #111318;
  --ask-soft: #fff3e0;
  --ask-ink: #9a5a00;
  --ok: #0b7a50;
  --on-ok: #ffffff;
  --warn: #946200;
  --error: #d93a2b;
  --scrim: #11131866;
}