/* Generated by Leych from the "warm" preset with a design plan (Lora + Work Sans). Edit values here to restyle the whole site. */
:root {
  color-scheme: only light;

  /* Color */
  --bg: #f2f4f0;
  --surface: #ffffff;
  --fg: #1e2a2c;
  --muted: #616e74;
  --border: #d4d8d5;
  --brand: #17695f;
  --brand-ink: #ffffff;
  --brand-soft: color-mix(in oklab, var(--brand) 10%, var(--bg));
  --brand-hover: color-mix(in oklab, var(--brand) 88%, black);
  --brand-line: color-mix(in oklab, var(--brand) 35%, var(--border));
  --focus: color-mix(in oklab, var(--brand) 70%, white);
  --shadow-color: 173 35% 12%;
  --link: #17695f;
  --link-hover: #19534d;
  --form-error: #b42318;
  --form-error-soft: color-mix(in oklab, var(--form-error) 18%, transparent);
  --accent-2: #e8a33d;
  --dark-bg: #172b29;
  --on-dark: #f7f5f2;

  /* Type: two families, few weights, fluid scale (min 390px viewport, max 1280px) */
  --font-display: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --heading-weight: 600;
  --heading-tracking: -0.01em;
  --step--1: clamp(0.83rem, 0.81rem + 0.12vw, 0.9rem);
  --step-0: clamp(1rem, 0.97rem + 0.17vw, 1.1rem);
  --step-1: clamp(1.15rem, 1.1rem + 0.3vw, 1.32rem);
  --step-2: clamp(1.35rem, 1.25rem + 0.55vw, 1.66rem);
  --step-3: clamp(1.65rem, 1.45rem + 0.95vw, 2.2rem);
  --step-4: clamp(2.05rem, 1.7rem + 1.7vw, 3rem);
  --step-5: clamp(2.6rem, 2rem + 3vw, 4.2rem);
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-body: 1.6;
  --measure: 62ch;

  /* Space: 8px rhythm, fluid at the top end */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: clamp(3rem, 2.5rem + 2.5vw, 4.5rem);
  --space-9: clamp(4rem, 3rem + 5vw, 7rem);
  --section-y: clamp(3.68rem, 3.68rem + 6.30vw, 6.83rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --container: 72rem;
  --container-narrow: 46rem;

  /* Shape and depth */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px hsl(var(--shadow-color) / 0.06), 0 1px 1px hsl(var(--shadow-color) / 0.04);
  --shadow-md: 0 6px 16px -6px hsl(var(--shadow-color) / 0.16), 0 2px 4px hsl(var(--shadow-color) / 0.05);
  --shadow-lg: 0 24px 48px -16px hsl(var(--shadow-color) / 0.22);

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 150ms;
  --dur-base: 250ms;

  /* Devices the design plan chose (site.css reads these) */
  --card-shadow: none;
  --card-shadow-hover: none;
  --card-lift: 0px;
  --reveal-opacity: 0;
  --reveal-shift: 14px;
  --hero-shape: none;
  --motion-enabled: 1;
  --motion-distance: 18px;
  --motion-duration: 680ms;
}