@font-face {
  font-family: "Heebo";
  src: url("/fonts/heebo-hebrew-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: "Heebo";
  src: url("/fonts/heebo-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --cream: #f3ebe4;
  --blush: #ede4dd;
  --paper: #fbf7f2;
  --olive: #555033;
  --olive-deep: #3f3b25;
  --sage: #8a8a5e;
  --ink: #1f1d1a;
  --ink-soft: #5a5148;
  --clay: #a5532d;
  --clay-deep: #8a4423;
  --on-dark: #f3ebe4;
  --cream-glass: rgb(243 235 228 / 0.9);
  --line: rgb(85 80 51 / 0.2);
  --edge: rgb(31 29 26 / 0.1);
  --ring: rgb(31 29 26 / 0.08);
  --shade: rgb(31 29 26 / 0.12);

  --font: "Heebo", system-ui, "Segoe UI", Arial, sans-serif;

  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-h2: clamp(1.9rem, 4.2vw, 2.75rem);
  --fs-h3: 1.3rem;
  --fs-hero: clamp(4.5rem, 17vw, 9.5rem);
  --fs-tagline: clamp(1.15rem, 3vw, 1.6rem);

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2.25rem;
  --sp-7: 3.5rem;
  --sp-8: 5.5rem;

  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-full: 999px;

  --shadow-1: 0 0 0 1px var(--ring), 0 1px 2px -1px var(--ring), 0 2px 4px var(--ring);
  --shadow-2: 0 0 0 1px var(--ring), 0 3px 4px -1px var(--shade), 0 6px 12px var(--ring);

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;

  --maxw: 72rem;
  --maxw-narrow: 44rem;
  --header-h: 3.75rem;
}