/* Hallmark · genre: editorial · macrostructure: Marquee Hero · theme: custom (Bristol blue + red tape) · enrichment: none · polish: HP4 decorative numeral (1974) · nav: N1a · footer: Ft1
 * ground oklch(30% 0.13 262) Bristol blue · paper oklch(96.5% 0.007 250) · accent oklch(72% 0.15 0) legal-tape pink · Bodoni Moda + Schibsted Grotesk
 * axes: cool-light paper with dark ground / high-contrast-serif / chromatic-other (pink)
 */

@font-face {
  font-family: "Bodoni Moda";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/bodoni-moda-latin-opsz-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Bodoni Fallback";
  src: local("Georgia"), local("Times New Roman");
  size-adjust: 94%;
  ascent-override: 98%;
}

:root {
  --color-ground:        oklch(30% 0.13 262);
  --color-ground-2:      oklch(35% 0.14 262);
  --color-on-ground:     oklch(96.5% 0.007 250);
  --color-on-ground-2:   oklch(82% 0.04 262);
  --color-paper:         oklch(96.5% 0.007 250);
  --color-paper-2:       oklch(92.5% 0.012 255);
  --color-rule:          oklch(83% 0.015 258);
  --color-muted:         oklch(45% 0.025 260);
  --color-ink:           oklch(19% 0.03 262);
  --color-blue-text:     oklch(40% 0.15 262);
  --color-tape:          oklch(72% 0.15 0);
  --color-focus:         oklch(45% 0.18 262);
  --color-focus-ground:  oklch(72% 0.15 0);

  --font-display: "Bodoni Moda", "Bodoni Fallback", "Didot", serif;
  --font-body:    "Schibsted Grotesk", "Helvetica Neue", "Arial Nova", sans-serif;

  --text-xs:      0.8125rem;
  --text-sm:      0.9375rem;
  --text-base:    1.0625rem;
  --text-lg:      clamp(1.25rem, 0.6vw + 1.05rem, 1.5rem);
  --text-xl:      clamp(1.75rem, 1.8vw + 1.1rem, 2.5rem);
  --text-2xl:     clamp(2.5rem, 4vw + 1rem, 4.5rem);
  --text-marquee: clamp(3.5rem, 10vw, 8rem);
  --text-numeral: clamp(7rem, 22vw, 17rem);
  --opsz-display: "opsz" 26;

  --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;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.25rem, 5vw, 4.5rem);
  --page-max:    84rem;
  --measure:     62ch;
  --note-width:  13rem;

  --rule-hair: 1px;
  --rule-tape: 0.5rem;

  --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;
}