/* Satoshi is the only product typeface. Public pages do not <link>
   authenticated-fonts.css directly, so pull its @font-face declarations in
   here — every public page loads this tokens stylesheet. */
@import '../fonts/authenticated-fonts.css';
:root {
  color-scheme: light;
  --m-forest: #0f5a3a;
  --m-forest-2: #087a4c;
  --m-sage: #e2f2eb;
  --m-cream: #f7faf9;
  --m-paper: #ffffff;
  --m-ink: #0d1b2a;
  --m-body: #465564;
  --m-muted: #6b7785;
  --m-border: #dce6e2;
  --m-gold: #d79b12;
  --m-orange: #b7543a;
  --m-orange-ink: #87351f;
  --m-shadow: 0 18px 46px rgba(13, 27, 42, .11);
  --m-soft-shadow: 0 8px 24px rgba(13, 27, 42, .08);
  --m-bg-glow-a: rgba(22, 181, 127, .1);
  --m-bg-glow-b: rgba(15, 90, 58, .08);
  --m-nav-bg: rgba(247, 250, 249, .9);
  --m-nav-border: rgba(220, 230, 226, .9);
  --m-nav-link: #465564;
  --m-nav-link-hover: var(--m-forest);
  --m-pill-bg: rgba(255, 255, 255, .9);
  --m-pill-text: #465564;
  --m-panel-bg: rgba(255, 255, 255, .96);
  --m-panel-border: rgba(220, 230, 226, .96);
  --m-shell-bg: rgba(255, 255, 255, .76);
  --m-shell-border: rgba(220, 230, 226, .96);
  --m-card-bg: #ffffff;
  --m-field-bg: rgba(255, 255, 255, .94);
  --m-phone-bg: #ffffff;
  --m-theme-shadow: 0 8px 24px rgba(13, 27, 42, .08);
  /* Satoshi everywhere (full public marketing redesign is #2087). --serif keeps
     its name so existing var(--serif) heading usages keep resolving. */
  --font: 'Satoshi', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', sans-serif;
  --serif: 'Satoshi', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', sans-serif;
  --sans: var(--font);
}


:root[data-theme="dark"] {
  color-scheme: dark;
  --m-forest: #6fd6b2;
  --m-forest-2: #6fd6b2;
  --m-sage: #173a34;
  --m-cream: #0d1b2a;
  --m-paper: #142638;
  --m-ink: #f4f7f6;
  --m-body: #c5d0d5;
  --m-muted: #96a6af;
  --m-border: #2d4351;
  --m-gold: #d8b262;
  --m-orange: #d87958;
  --m-orange-ink: #f0a58a;
  --m-shadow: 0 22px 52px rgba(0, 0, 0, .32);
  --m-soft-shadow: 0 12px 30px rgba(0, 0, 0, .24);
  --m-bg-glow-a: rgba(165, 131, 60, .08);
  --m-bg-glow-b: rgba(111, 214, 178, .12);
  --m-nav-bg: rgba(13, 27, 42, .92);
  --m-nav-border: rgba(45, 67, 81, .94);
  --m-nav-link: #c5d0d5;
  --m-nav-link-hover: #ffffff;
  --m-pill-bg: rgba(20, 38, 56, .94);
  --m-pill-text: #d9e1e4;
  --m-panel-bg: rgba(20, 38, 56, .97);
  --m-panel-border: rgba(45, 67, 81, .98);
  --m-shell-bg: rgba(20, 38, 56, .82);
  --m-shell-border: rgba(45, 67, 81, .98);
  --m-card-bg: #142638;
  --m-field-bg: rgba(20, 38, 56, .97);
  --m-phone-bg: #142638;
  --m-theme-shadow: 0 14px 30px rgba(0, 0, 0, .22);
}