/* GENERATED by site/build.mjs from spec/design/tokens.json — do not edit. */
:root {
  --bg: #FBF8F3;
  --bg-page: #E7DECF;
  --surface: #FBF8F3;
  --surface-2: #FFFFFF;
  --surface-sunk: #F3EEE6;
  --surface-rail: #EFE9DF;
  --ink: #2A2520;
  --ink-2: #6B6356;
  --ink-3: #8A8175;
  --ink-4: #A89E8F;
  --ink-5: #B8AE9F;
  --line: #ECE5D9;
  --line-2: #F0EADF;
  --line-3: #E7DECF;
  --bubble-other: #FFFFFF;
  --bubble-other-line: #EFE8DC;
  --bubble-self: #FBEFE9;
  --bubble-self-line: #F2D9CC;
  --brand: #E0734C;
  --brand-strong: #C95F3A;
  --brand-soft: #FBEFE9;
  --brand-line: #F2D9CC;
  --brand-on-dark: #EC8B66;
  --translate: #1F8A7A;
  --translate-soft: #E6F2F0;
  --translate-ink: #1F6E61;
  --translate-on-dark: #3FBFAC;
  --ai: #8A6BB0;
  --ai-soft: #F0EAF6;
  --error: #C0392B;
  --error-soft: #FBE9E7;
  --ok: #2A7D2E;
  --ok-soft: #E7F4E8;
  --warn: #C29A2E;
  --warn-soft: #FFF6E6;
  --warn-line: #F0E0BC;
  --warn-ink: #9A7A1E;
  --minutes-low: #C28A1E;
  --font-display: 'Unbounded', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --r-phone: 42px;
  --r-card: 16px;
  --r-field: 13px;
  --r-pill: 20px;
  --r-bubble: 16px;
  --r-chip: 18px;
  --sh-card: 0 1px 4px rgba(0, 0, 0, .08);
  --sh-phone: 0 12px 40px rgba(0, 0, 0, .16);
  --sh-pop: 0 6px 18px rgba(224, 115, 76, .4);
  --ease: cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161310;
    --bg-page: #0E0C0A;
    --surface: #161310;
    --surface-2: #1C1814;
    --surface-sunk: #221C18;
    --surface-rail: #2A221C;
    --ink: #F2EBE0;
    --ink-2: #B6AC9E;
    --ink-3: #9C9286;
    --ink-4: #6F665A;
    --ink-5: #6F665A;
    --line: #2B241E;
    --line-2: #2B241E;
    --line-3: #3A322A;
    --bubble-other: #221C18;
    --bubble-other-line: #322A22;
    --bubble-self: #2A201A;
    --bubble-self-line: #46332A;
    --brand-soft: #2A201A;
    --brand-line: #46332A;
    --translate-soft: #13322D;
    --translate-ink: #3FBFAC;
    --sh-card: 0 1px 4px rgba(0, 0, 0, .2);
    --sh-phone: 0 12px 40px rgba(0, 0, 0, .28);
  }
}