/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --accent-default: var(--color-green-700); /* @kind color */
  --accent-hover: var(--color-green-800); /* @kind color */
  --accent-muted: var(--color-green-100); /* @kind color */
  --accent-subtle: var(--color-green-50); /* @kind color */
  --bg-disabled: var(--color-stone-100); /* @kind color */
  --bg-inset: var(--color-stone-100); /* @kind color */
  --bg-page: var(--color-stone-50); /* @kind color */
  --bg-surface: var(--color-stone-0); /* @kind color */
  --border-error: var(--color-stone-800); /* @kind color */
  --border-hairline: var(--color-stone-200); /* @kind color */
  --border-strong: var(--color-stone-300); /* @kind color */
  --color-green-100: rgb(221,238,233); /* @kind color */
  --color-green-200: rgb(195,223,215); /* @kind color */
  --color-green-300: rgb(149,198,184); /* @kind color */
  --color-green-400: rgb(83,172,147); /* @kind color */
  --color-green-500: rgb(60,134,113); /* @kind color */
  --color-green-50: rgb(238,246,244); /* @kind color */
  --color-green-600: rgb(48,110,92); /* @kind color */
  --color-green-700: rgb(40,92,77); /* @kind color */
  --color-green-800: rgb(28,69,57); /* @kind color */
  --color-green-900: rgb(18,48,40); /* @kind color */
  --color-stone-0: rgb(252,251,248); /* @kind color */
  --color-stone-100: rgb(245,244,239); /* @kind color */
  --color-stone-200: rgb(228,226,219); /* @kind color */
  --color-stone-300: rgb(207,205,196); /* @kind color */
  --color-stone-400: rgb(170,169,160); /* @kind color */
  --color-stone-500: rgb(132,132,124); /* @kind color */
  --color-stone-50: rgb(249,248,244); /* @kind color */
  --color-stone-600: rgb(99,100,95); /* @kind color */
  --color-stone-700: rgb(78,79,75); /* @kind color */
  --color-stone-800: rgb(63,64,61); /* @kind color */
  --color-stone-900: rgb(31,31,29); /* @kind color */
  --data-fill: var(--color-green-700); /* @kind color */
  --data-projected-tint: var(--color-green-50); /* @kind color */
  --focus-ring-color: var(--color-green-700); /* @kind color */
  --focus-ring-offset: 2;
  --focus-ring-width: 2;
  --font-family-body: "Inter";
  --font-family-display: "Newsreader";
  --font-family-mono: "SF Mono";
  --font-size-body: 15;
  --font-size-caption: 13;
  --font-size-display: 58;
  --font-size-h1: 44;
  --font-size-h2: 30;
  --font-size-h3: 21;
  --font-size-label: 12;
  --font-size-lede: 18;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --layout-breakpoint-compact: 860;
  --layout-measure: 1080;
  --opacity-confidence-high: 1;
  --opacity-confidence-limited: 0.3;
  --opacity-confidence-moderate: 0.55;
  --radius-lg: 8;
  --radius-md: 4;
  --radius-pill: 999;
  --radius-sm: 2;
  --space-10: 40;
  --space-12: 48;
  --space-16: 64;
  --space-1: 4;
  --space-20: 80;
  --space-24: 96;
  --space-2: 8;
  --space-32: 128;
  --space-3: 12;
  --space-4: 16;
  --space-6: 24;
  --space-8: 32;
  --text-accent: var(--color-green-700); /* @kind color */
  --text-disabled: var(--color-stone-400); /* @kind color */
  --text-error: var(--color-stone-900); /* @kind color */
  --text-inverse: var(--color-stone-50); /* @kind color */
  --text-muted: var(--color-stone-600); /* @kind color */
  --text-primary: var(--color-stone-900); /* @kind color */
  --text-secondary: var(--color-stone-800); /* @kind color */
  --z-dropdown: 100;
  --z-modal: 400;
  --z-overlay: 300;
  --z-sticky: 200;
  --z-toast: 500;
}