/* Hallmark · tokens · theme: Garden (catalog) · paper: light · display: organic roman serif · accent: chromatic-green
 * Every colour and font in site.css references these names. Fonts are self-hosted (assets/fonts, OFL). */

@font-face {
  font-family: "Young Serif";
  src: url("../fonts/young-serif-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Young Serif";
  src: url("../fonts/young-serif-latin-ext-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-wght-normal.woff2") format("woff2-variations");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-ext-wght-normal.woff2") format("woff2-variations");
  font-weight: 200 800; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-wght-italic.woff2") format("woff2-variations");
  font-weight: 200 800; font-style: italic; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  src: url("../fonts/newsreader-latin-ext-wght-italic.woff2") format("woff2-variations");
  font-weight: 200 800; font-style: italic; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Garden palette: oat-cream paper, botanical-ink green, leaf-green accent, one clay pop */
  --color-paper:    oklch(95.5% 0.022 92);
  --color-paper-2:  oklch(92.5% 0.026 92);
  --color-paper-3:  oklch(88.5% 0.030 90);
  --color-rule:     oklch(83%   0.028 115);
  --color-rule-2:   oklch(62%   0.045 132);
  --color-muted:    oklch(46%   0.040 138);
  --color-ink-2:    oklch(31%   0.050 150);
  --color-ink:      oklch(24%   0.052 152);
  --color-accent:   oklch(47%   0.13  140);
  --color-accent-2: oklch(52%   0.14  46);
  --color-accent-ink: oklch(96% 0.02 92);
  --color-focus:    oklch(47%   0.13  140);

  --font-display: "Young Serif", ui-serif, Georgia, serif;
  --font-body:    "Newsreader", ui-serif, Georgia, serif;

  /* Major-third scale from an 18px reading size */
  --text-sm:   0.9rem;
  --text-base: 1.125rem;
  --text-md:   1.3rem;
  --text-lg:   1.6rem;
  --text-xl:   2rem;
  --text-display-s: clamp(2.1rem, 3.2vw + 1rem, 3.25rem);

  --lh-tight: 1.1;
  --lh-snug:  1.25;
  --lh-body:  1.62;
  --tracking-display: -0.006em;
  --measure: 58ch;
  --measure-letter: 54ch;

  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --page-gutter: clamp(1rem, 5vw, 3rem);
  --page-indent: clamp(0rem, 9vw, 9rem);

  --rule: 1px;
  --radius: 3px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;

  --z-sticky: 200;
}