/* AUTO-GENERATED from src/index.css @theme — do NOT edit by hand.
   Regenerate: `npm run tokens`. Mockups <link> this so their tokens can never drift from
   the app. Staleness is caught by src/test/mockupTokens.test.ts. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
:root {
  --font-sans: "Geist", system-ui, -apple-system, sans-serif;
  --tracking-ui: .02em;
  --tracking-card: .025em;
  --ease-wf: cubic-bezier(.2, .8, .2, 1);
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;
  --font-serif: "Source Serif 4", Georgia, serif;
  --font-display: "Fraunces", "Source Serif 4", Georgia, serif;
  --color-p400: #7f77dd;
  --color-p500: #6e65d1;
  --color-pill-done-bg: #e1f5ee;
  --color-pill-done-text: #0f6e56;
  --color-pill-done-border: #5dcaa5;
  --color-pill-active-bg: #eeedfe;
  --color-pill-active-text: #534ab7;
  --color-pill-active-border: #afa9ec;
  --color-sidebar-bg: #ffffff;
  --color-nav-bg: color-mix(in srgb, var(--color-p50) 45%, var(--color-white));
  --color-nav-line: color-mix(in srgb, var(--color-p200) 45%, transparent);
  --color-tooltip-bg: #2c2c2a;
  --color-p50: #eeedfe;
  --color-p100: #cecbf6;
  --color-p200: #afa9ec;
  --color-p400: #7f77dd;
  --color-p500: #6e65d1;
  --color-p600: #534ab7;
  --color-p800: #3c3489;
  --color-t50: #e1f5ee;
  --color-t200: #9fe1cb;
  --color-t400: #1d9e75;
  --color-t600: #0f6e56;
  --color-t800: #085041;
  --color-o50: #fff0de;
  --color-o200: #ffc489;
  --color-o400: #ff8811;
  --color-o600: #b85f06;
  --color-o800: #7a3d04;
  --color-cr50: #fbe2e4;
  --color-cr200: #ef9aa1;
  --color-cr400: #cc2936;
  --color-cr600: #9e1f2a;
  --color-cr800: #6b1119;
  --color-co50: #fbe9e9;
  --color-co200: #edb3b3;
  --color-co400: #d16666;
  --color-co600: #a84a4a;
  --color-co800: #723030;
  --color-sk50: #e6f6ff;
  --color-sk200: #a2d9fd;
  --color-sk400: #0b90cc;
  --color-sk600: #005f8b;
  --color-sk800: #003f5f;
  --color-dk50: #f2f3fa;
  --color-dk100: #e2e6f4;
  --color-dk200: #d3d8ea;
  --color-dk400: #556089;
  --color-dk600: #4c5680;
  --color-g50: #f7f6f2;
  --color-g100: #edecea;
  --color-g200: #d3d1c7;
  --color-g400: #888780;
  --color-g600: #5f5e5a;
  --color-g800: #2c2c2a;
  --color-text: #1a1a18;
  --color-text2: #5f5e5a;
  --color-text3: #9b9a94;
  --color-surface: var(--color-white);
  --color-on-fill: var(--color-white);
  --color-hairline: var(--color-neutral-200);
  --color-mist: color-mix(in srgb, var(--color-neutral-400) 1.5%, var(--color-surface));
  --color-action: var(--color-p600);
  --color-action-hover: var(--color-p800);
  --color-action-soft: var(--color-p400);
  --color-action-soft-hover: var(--color-p500);
  --color-border: rgba(44, 44, 42, 0.1);
  --color-border2: rgba(44, 44, 42, 0.18);
  --color-th-about: #6b5bd2;
  --color-th-leadership: #3566b0;
  --color-th-ambiguity: #1f7f94;
  --color-th-teamwork: #0f7a5f;
  --color-th-adaptability: #5f7d2b;
  --color-th-ownership: #a3730d;
  --color-th-conflict: #bd5738;
  --color-th-failure: #b04a72;
  --color-th-communication: #8a4fa8;
  --color-th-craft: #0f6d7a;
  --radius-card: 16px;
  --radius-rsm: 8px;
  --radius-button: 8px;
  --radius-chip: 100px;
  --shadow-raised: 0 1px 3px rgba(44, 44, 42, 0.05);
  --shadow-lifted: 0 6px 18px rgba(44, 44, 42, 0.10);
  --shadow-key: inset 0 -3px 0 rgba(0, 0, 0, 0.24);
  --shadow-menu: 0 16px 44px rgba(44, 44, 42, 0.16);
  --shadow-selected: 0 0 0 3px var(--color-p50);
}