/* Hallmark · genre: playful · theme: custom (bespoke depth) · macrostructure: scroll-craft rhythmic cutlist
 * vibe: "bright, cold, cheeky, sun-drunk 1980s pool"
 * paper: many hard-cut grounds (coral / strawberry / apricot / leaf / blush / navy), mid band dominant
 * accent: oklch(52% 0.2 22) strawberry red (two-stop: 80% on navy) · warm
 * display: Unbounded (wide geometric, roman only) · body: Figtree
 * axes: mid / display-heavy-wide / warm · nav: loud slab bar (N7-family) · footer: inside the close cut
 */
:root {
  /* grounds, one per cut family */
  --c-coral:       oklch(80.5% 0.095 31);
  --c-coral-deep:  oklch(71% 0.13 29);
  --c-red:         oklch(55% 0.2 21);
  --c-crimson:     oklch(47% 0.18 24);
  --c-apricot:     oklch(88% 0.07 66);
  --c-peach:       oklch(77% 0.14 56);
  --c-leaf:        oklch(43% 0.1 152);
  --c-leaf-bright: oklch(62% 0.15 145);
  --c-blush:       oklch(94.5% 0.028 24);
  --c-blush-pale:  oklch(97.6% 0.012 32);
  --c-navy:        oklch(29% 0.085 268);
  --c-navy-deep:   oklch(23% 0.065 268);

  /* ink */
  --c-ink:         oklch(26% 0.08 268);   /* navy ink on light grounds */
  --c-ink-soft:    oklch(36% 0.07 268);
  --c-ink-light:   oklch(97.5% 0.012 32); /* bone-blush on dark grounds */
  --c-ink-light-soft: oklch(88% 0.03 30);

  /* one accent hue (strawberry), two lightnesses */
  --c-accent:      oklch(50% 0.2 22);
  --c-accent-press:oklch(44% 0.19 22);
  --c-accent-ink:  oklch(98% 0.01 30);
  --c-accent-on-dark: oklch(80% 0.11 22);

  --c-focus:       oklch(50% 0.2 22);

  /* scrollcraft engine roles */
  --sc-canvas:     var(--c-coral);
  --sc-surface:    var(--c-blush);
  --sc-ink:        var(--c-ink);
  --sc-ink-soft:   var(--c-ink-soft);
  --sc-accent:     var(--c-accent);
  --sc-accent-ink: var(--c-accent-ink);

  /* type */
  --font-display: "Unbounded", "Arial Black", system-ui, sans-serif;
  --font-text:    "Figtree", system-ui, sans-serif;
  --sc-font-display: var(--font-display);
  --sc-font-text:    var(--font-text);

  --text-hero:  clamp(2.6rem, 0.5rem + 6.3vw, 7rem);
  --text-peak:  clamp(2.2rem, 0.9rem + 6vw, 6.6rem);
  --text-h2:    clamp(1.9rem, 1.1rem + 3.4vw, 4.4rem);
  --text-lede:  clamp(1.05rem, 0.98rem + 0.35vw, 1.3rem);
  --text-small: clamp(0.8rem, 0.77rem + 0.12vw, 0.88rem);

  --track-display: -0.035em;
  --track-hero:    -0.045em;

  /* 4pt space */
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.5rem;  --space-6: 2rem;   --space-7: 3rem;    --space-8: 4rem;
  --space-9: 6rem;
  --gutter: clamp(1rem, 4.6vw, 4.5rem);

  --radius-sm: 10px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;

  --bar-h: 4.25rem;
  --shadow-bar: 0 2px 0 oklch(20% 0.06 268), 0 12px 24px -16px oklch(20% 0.08 268 / 0.6);
  --edge-accent: inset 0 1px 0 oklch(70% 0.15 22 / 0.6);
  --shadow-cta: 0 2px 4px oklch(30% 0.12 22 / 0.22), 0 10px 22px -8px oklch(30% 0.14 22 / 0.45);
}
@media (max-width: 760px), (max-aspect-ratio: 19/20) {
  :root { --bar-h: 6.1rem; }
}