:root {
  --color-forest-50: oklch(96% 0.02 142);
  --color-forest-100: oklch(92% 0.04 142);
  --color-forest-200: oklch(84% 0.08 142);
  --color-forest-300: oklch(76% 0.12 142);
  --color-forest-400: oklch(68% 0.16 142);
  --color-forest-500: oklch(60% 0.2 142);
  --color-forest-600: oklch(52% 0.18 142);
  --color-forest-700: oklch(44% 0.16 142);
  --color-forest-800: oklch(36% 0.14 142);
  --color-forest-900: oklch(28% 0.12 142);
  --color-forest-950: oklch(20% 0.1 142);

  --color-earth-50: oklch(96% 0.02 72);
  --color-earth-100: oklch(92% 0.04 72);
  --color-earth-200: oklch(84% 0.08 72);
  --color-earth-300: oklch(76% 0.12 72);
  --color-earth-400: oklch(68% 0.16 72);
  --color-earth-500: oklch(60% 0.2 72);
  --color-earth-600: oklch(52% 0.18 72);
  --color-earth-700: oklch(44% 0.16 72);
  --color-earth-800: oklch(36% 0.14 72);
  --color-earth-900: oklch(28% 0.12 72);

  --color-sage-50: oklch(96% 0.01 156);
  --color-sage-100: oklch(92% 0.02 156);
  --color-sage-200: oklch(84% 0.04 156);
  --color-sage-300: oklch(76% 0.06 156);
  --color-sage-400: oklch(68% 0.08 156);
  --color-sage-500: oklch(60% 0.1 156);
  --color-sage-600: oklch(52% 0.09 156);
  --color-sage-700: oklch(44% 0.08 156);
  --color-sage-800: oklch(36% 0.07 156);
  --color-sage-900: oklch(28% 0.06 156);

  --color-neutral-50: oklch(98% 0 0);
  --color-neutral-100: oklch(96% 0 0);
  --color-neutral-200: oklch(90% 0 0);
  --color-neutral-300: oklch(83% 0 0);
  --color-neutral-400: oklch(64% 0 0);
  --color-neutral-500: oklch(53% 0 0);
  --color-neutral-600: oklch(42% 0 0);
  --color-neutral-700: oklch(32% 0 0);
  --color-neutral-800: oklch(22% 0 0);
  --color-neutral-900: oklch(13% 0 0);
  --color-neutral-950: oklch(8% 0 0);

  --color-white: oklch(100% 0 0);
  --color-black: oklch(0% 0 0);

  --font-sans: "Alexandria", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;

  --step--2: clamp(0.69rem, 0.66rem + 0.18vw, 0.80rem);
  --step--1: clamp(0.83rem, 0.78rem + 0.29vw, 1.00rem);
  --step-0: clamp(1.00rem, 0.91rem + 0.43vw, 1.25rem);
  --step-1: clamp(1.20rem, 1.07rem + 0.63vw, 1.56rem);
  --step-2: clamp(1.44rem, 1.26rem + 0.89vw, 1.95rem);
  --step-3: clamp(1.73rem, 1.48rem + 1.24vw, 2.44rem);
  --step-4: clamp(2.07rem, 1.73rem + 1.70vw, 3.05rem);
  --step-5: clamp(2.49rem, 2.03rem + 2.31vw, 3.81rem);

  --space-3xs: clamp(0.25rem, 0.23rem + 0.11vw, 0.31rem);
  --space-2xs: clamp(0.50rem, 0.45rem + 0.22vw, 0.63rem);
  --space-xs: clamp(0.75rem, 0.68rem + 0.33vw, 0.94rem);
  --space-s: clamp(1.00rem, 0.91rem + 0.43vw, 1.25rem);
  --space-m: clamp(1.50rem, 1.36rem + 0.65vw, 1.88rem);
  --space-l: clamp(2.00rem, 1.82rem + 0.87vw, 2.50rem);
  --space-xl: clamp(3.00rem, 2.73rem + 1.30vw, 3.75rem);
  --space-2xl: clamp(4.00rem, 3.64rem + 1.74vw, 5.00rem);
  --space-3xl: clamp(6.00rem, 5.45rem + 2.61vw, 7.50rem);

  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;

  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}

@font-face {
  font-family: "Alexandria";
  /* Alexandria font file not present in repo during local dev. Use local fallbacks to avoid 404.
     If you later place the variable font at wgx/assets/fonts/alexandria-variable.woff2
     you can restore the url() line above. */
  src: local("Alexandria"), local("Alexandria-Regular");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}