/* Hallmark · tokens · Family First Memorials
 * macrostructure: Split Studio · nav: N6 newspaper masthead · footer: Ft1 mast-headed
 * theme: custom (tuned) "Quarry" · vibe: "quarried stone, engraved, plain-spoken, national"
 * axes — paper-band: light (96%) · display-style: roman-serif · accent-hue: warm (gold 85°)
 * rotates off: Marquee Hero / N9 / Ft5 / chromatic-other (evergreen 152°)
 */
:root {
  /* Stone and gold. Paper is cool quarried granite; the accent is the gold of a
   * cast bronze emblem and of gilded lettering, both real materials here. A cool
   * ground under a warm metal, deliberately not cream + terracotta. */
  --color-paper:        oklch(96.4% 0.004 240);
  --color-paper-2:      oklch(93.2% 0.005 240);
  --color-paper-3:      oklch(89.0% 0.006 240);
  --color-ink:          oklch(22% 0.010 240);
  --color-ink-2:        oklch(41% 0.008 240);
  --color-ink-3:        oklch(52% 0.007 240);

  /* Near-black, for the closing band and the footer. */
  --color-ink-deep:     oklch(20% 0.012 250);
  --color-on-dark:      oklch(92% 0.006 250);
  --color-on-dark-2:    oklch(78% 0.006 250);

  /* Gold. Deep gold carries text and borders on light paper (5.9:1); bright gold
   * fills the primary button and carries accents on the dark band (9.6:1). */
  --color-accent:       oklch(48% 0.095 85);
  --color-accent-deep:  oklch(40% 0.080 85);
  --color-accent-soft:  oklch(92% 0.050 85);
  --color-gold:         oklch(80% 0.130 85);
  --color-gold-deep:    oklch(72% 0.120 85);

  --color-rule:         oklch(85% 0.006 240);
  --color-rule-strong:  oklch(62% 0.008 240);
  --color-focus:        oklch(45% 0.13 250);

  --font-display: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-body:    "Public Sans", "Helvetica Neue", Arial, sans-serif;

  --text-display:   clamp(2.5rem, 6.2vw, 4.5rem);
  --text-display-s: clamp(1.9rem, 4.2vw, 2.75rem);
  --text-2xl:       clamp(1.45rem, 2.4vw, 1.9rem);
  --text-xl:        1.3125rem;
  --text-lg:        1.1875rem;
  --text-base:      1.0625rem;
  --text-sm:        0.9375rem;
  --text-xs:        0.8125rem;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1.25rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;

  --page-gutter: clamp(1.25rem, 5vw, 3.5rem);
  --measure:     68ch;

  --rule-hair: 1px;
  --radius-sm: 2px;
  --radius-md: 4px;

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:   140ms;
  --dur-base:   220ms;

  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 20;
}