@font-face {
  font-family: Inter;
  src: url("/assets/inter-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --paper: #f8f8f9;
  --surface: #fff;
  --surface-subtle: #f4f4f5;
  --surface-inset: #f0f0f2;
  --ink: #191a1b;
  --muted: #55585b;
  --line: #dedfe1;
  --green: #245840;
  --green-hover: #183e2c;
  --green-soft: #eaf2eb;
  --focus: #558568;
  --action: #1b1c1e;
  --action-hover: #343638;
  --control-radius: 8px;
  --panel-radius: 12px;
  --panel-shadow: 0 6px 20px #18191b0a;
  --heading-tracking: -.04em;
  --label-tracking: .11em;
  --rail: #f5f5f6;
  --rail-text: #242627;
  --rail-muted: #5d6265;
  --rail-hover: #e9eaec;
  --rail-active: #e1eee4;
  --chart-1: #23563e;
  --chart-2: #4e8064;
  --chart-3: #a2bea9;
  --chart-4: #718178;
  --chart-5: #c1ccc4;
  --chart-6: #52615a;
}
.landing-redesign, .planner-redesign, .account-page {
  --font-sans: Inter, system-ui, sans-serif;
  --paper: #fbfaf7;
  --surface-subtle: #f4f2ec;
  --surface-inset: #f1efe9;
  --ink: #16181a;
  --muted: #5b6168;
  --line: #e4e1da;
  --green: #1f6f4a;
  --green-hover: #124a30;
  --green-soft: #dcefe3;
}

.wordmark {
  color: var(--ink);
  font: 700 25px/1 var(--font-sans);
  letter-spacing: -.055em;
  text-decoration: none;
}
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}

.product-sidebar {
  background: var(--rail);
  color: var(--rail-text);
}
.product-sidebar .wordmark { color: var(--rail-text); }
.product-sidebar .product-nav-item {
  color: var(--rail-text);
  border-radius: var(--control-radius);
}
.product-sidebar .product-nav-item.active {
  background: var(--rail-active);
  color: var(--green-hover);
}