/* GENERATED by scripts/build-web.mjs from design/tokens.json. Do not edit. */
:root {
  --navy: #22295A;
  --navy-deep: #161B3D;
  --orange: #F0883A;
  --orange-soft: #FDE7D5;
  --cream: #FFF8EE;
  --bg: #FFF8EE;
  --surface: #FFFFFF;
  --ink: #1B2048;
  --muted: #5A6080;
  --line: #ECE3D4;
  --line-strong: #948873;
  --success: #1F7A4D;
  --success-soft: #E2F3EA;
  --danger: #B3261E;
  --danger-soft: #FBE4E1;
  --warning: #A4501A;
  --warning-line: #F3C9A6;
  --disabled: #DCCFBC;
  --scrim: rgba(22, 27, 61, 0.45);
  --navy-soft: #E7E9F3;
  --emphasis: #22295A;
  --emphasis-hover: #161B3D;
  --on-emphasis: #FFF8EE;
  --line-soft: #F4EEE3;
  --pressed: #E0D2BC;
  --cream-muted: #B9BDD6;
  --cream-line: rgba(255, 248, 238, 0.18);
  --success-live: #9BE3B8;
  --shadow-card: 0 6px 18px rgba(34, 41, 90, 0.08);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --orange-soft: #4A3326;
    --bg: #161B3D;
    --surface: #22295A;
    --ink: #FFF8EE;
    --muted: #B9BDD6;
    --line: #343C74;
    --line-strong: #7880B4;
    --success: #6FD3A0;
    --success-soft: #1E3D3A;
    --danger: #FF8A80;
    --danger-soft: #4A2430;
    --warning: #F3B07A;
    --warning-line: #6B4A33;
    --disabled: #3A4170;
    --scrim: rgba(0, 0, 0, 0.55);
    --navy-soft: #2C3466;
    --emphasis: #FFF8EE;
    --emphasis-hover: #EADFCC;
    --on-emphasis: #22295A;
    --line-soft: #283063;
    --pressed: #3B4480;
    --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --orange-soft: #4A3326;
  --bg: #161B3D;
  --surface: #22295A;
  --ink: #FFF8EE;
  --muted: #B9BDD6;
  --line: #343C74;
  --line-strong: #7880B4;
  --success: #6FD3A0;
  --success-soft: #1E3D3A;
  --danger: #FF8A80;
  --danger-soft: #4A2430;
  --warning: #F3B07A;
  --warning-line: #6B4A33;
  --disabled: #3A4170;
  --scrim: rgba(0, 0, 0, 0.55);
  --navy-soft: #2C3466;
  --emphasis: #FFF8EE;
  --emphasis-hover: #EADFCC;
  --on-emphasis: #22295A;
  --line-soft: #283063;
  --pressed: #3B4480;
  --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}