@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("assets/fonts/Lora-Variable.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("assets/fonts/SourceSans3-Variable.woff2") format("woff2");
}

:root {
  --color-paper: oklch(100% 0 0);
  --color-paper-2: oklch(97% 0.01 90);
  --color-paper-3: oklch(94% 0.018 112);
  --color-sage: oklch(96% 0.014 135);
  --color-availability: oklch(94% 0.018 140);
  --color-reserved-surface: oklch(95% 0.018 75);
  --color-full-surface: oklch(86% 0.01 100);
  --color-ink: oklch(23% 0.025 116);
  --color-neutral: oklch(40% 0.025 105);
  --color-muted: oklch(48% 0.02 100);
  --color-accent: oklch(42% 0.072 145);
  --color-accent-ink: oklch(98% 0.006 90);
  --color-earth: oklch(48% 0.083 72);
  --color-footer: var(--color-accent);
  --color-earth-ink: oklch(98% 0.006 90);
  --color-earth-muted: oklch(94% 0.018 75 / .78);
  --color-earth-rule: oklch(97% 0.012 83 / .28);
  --color-rule: oklch(82% 0.025 95);
  --color-focus: oklch(48% 0.16 255);
  --color-error: oklch(48% 0.17 28);
  --color-success: oklch(38% 0.1 145);
  --color-hero-filter: oklch(18% 0.02 105 / .2);
  --color-hero-filter-strong: oklch(18% 0.02 105 / .52);
  --color-hero-filter-soft: oklch(18% 0.02 105 / .28);
  --color-on-dark: oklch(99% 0.006 90);
  --color-on-dark-rule: oklch(99% 0.006 90 / .7);
  --color-on-dark-hover: oklch(99% 0.006 90 / .16);
  --color-rule-on-dark: oklch(97% 0.012 83 / .25);
  --font-display: "Lora", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-code: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius-sm: .25rem;
  --radius-md: .5rem;
  --shadow-soft: 0 .75rem 2.5rem oklch(23% 0.025 116 / .08);
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --measure: 76rem;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --dur-micro: 120ms;
  --dur-short: 220ms;
}