/* Vendored from tappass/tappass@d24709ffa621becb8a1743920dfddcbb6eb4a2c4 design/tokens/tokens.css by build/v2/sync-tokens.sh. Do not edit. */
/* Generated from design/tokens/tokens.json by scripts/tokens/build.mjs; do not edit. Change the JSON and run `npm run tokens` in frontend/. */
/* TapPass tokens as plain CSS custom properties: light on :root, dark under
   [data-theme="dark"]. No app selectors: the website and the design canvas
   load this file as is. */
:root {
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mark: #146430;
  --surface: #FFFFFF;
  --surface-soft: #F7F7F5;
  --stage: #F3F3F1;
  --surface-sunk: #FAFAF8;
  --line: #ECECE8;
  --line-card: #E8E8E4;
  --line-strong: #DCDCD8;
  --ink: #0E1210;
  --ink-2: #2A302C;
  --body: #4C524E;
  --muted: #5E6460;
  --faint: #8A908C;
  --grey: #9A9E9B;
  --btn-bg: #0E1210;
  --btn-ink: #FFFFFF;
  --brand: #146430;
  --on-brand: #FFFFFF;
  --brand-text: #146430;
  --brand-tint: #EAF4ED;
  --brand-tint-line: #CFE5D6;
  --brand-wash: #F4F8F5;
  --brand-wash-line: #DCEBE1;
  --brand-ink: #0F4A24;
  --hold-bg: #FBF1E2;
  --hold-line: #F0D9B5;
  --hold-ink: #7A4A0C;
  --block-bg: #FBE9E8;
  --block-line: #F1CFCC;
  --block-ink: #A1302B;
  --neutral-bg: #F4F2EC;
  --neutral-line: #E6E3DA;
  --person-bg: #EDE7F6;
  --person-ink: #5B3FA0;
  --night: #0A130E;
  --on-night: #F2F2F0;
  --on-night-muted: #B9C0BB;
  --on-night-brand: #8FD3A6;
  --focus: #146430;
  --shadow-card: 0 20px 50px -30px rgba(14, 18, 16, 0.25);
  --shadow-window: 0 30px 60px -34px rgba(14, 18, 16, 0.4);
  --shadow-modal: 0 50px 120px -30px rgba(0, 0, 0, 0.6);
  --radius-xs: 5px;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-btn: 12px;
  --radius-window: 14px;
  --radius-card: 18px;
  --radius-feature: 20px;
  --radius-plan: 22px;
  --radius-stage: 24px;
  --radius-pill: 999px;
}
[data-theme="dark"] {
  --mark: #F2EFE7;
  --surface: #0E1210;
  --surface-soft: #151A17;
  --stage: #121714;
  --surface-sunk: #181E1A;
  --line: #232A26;
  --line-card: #262E29;
  --line-strong: #343D38;
  --ink: #F2F2F0;
  --ink-2: #D9DDDA;
  --body: #B9C0BB;
  --muted: #A3AAA5;
  --faint: #848B86;
  --grey: #6F7672;
  --btn-bg: #F2F2F0;
  --btn-ink: #0E1210;
  --brand-text: #8FD3A6;
  --brand-tint: #133A22;
  --brand-tint-line: #1F5232;
  --brand-wash: #10251A;
  --brand-wash-line: #1C3D2A;
  --brand-ink: #B8E6C7;
  --hold-bg: #3A2A10;
  --hold-line: #5A4219;
  --hold-ink: #F0C37D;
  --block-bg: #3B1715;
  --block-line: #5C2522;
  --block-ink: #F2A49E;
  --neutral-bg: #1E2420;
  --neutral-line: #2E3631;
  --person-bg: #2A2140;
  --person-ink: #C9B6F2;
  --focus: #8FD3A6;
  --shadow-card: 0 20px 50px -30px rgba(0, 0, 0, 0.6);
  --shadow-window: 0 30px 60px -34px rgba(0, 0, 0, 0.7);
}