/* Hallmark · tokens · custom theme "sun-arc" · paper-band light · display classical-serif (Fraunces, roman) · accent warm-magenta */

@font-face {
  font-family: "Fraunces";
  src: url("../fonts/fraunces-latin-var.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/hanken-grotesk-latin-var.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* paper and ink */
  --color-paper: oklch(97.2% 0.014 84);
  --color-ink: oklch(23% 0.025 265);
  --color-ink-soft: oklch(40% 0.022 265);
  --color-rule: oklch(82% 0.02 80);

  /* accent: bougainvillea */
  --color-accent: oklch(47% 0.19 352);
  --color-accent-ink: oklch(98% 0.01 352);
  --color-accent-wash: oklch(93% 0.035 352);

  /* sun, used for the arc and the "now" mark only */
  --color-sun: oklch(78% 0.17 70);
  --color-sun-deep: oklch(58% 0.16 55);

  /* emergency band */
  --color-alert: oklch(30% 0.08 25);
  --color-alert-ink: oklch(97% 0.01 25);

  /* focus ring */
  --color-focus: oklch(50% 0.2 265);

  /* hero sky per Cayman time of day (set by data-phase on .sky) */
  --sky-dawn: oklch(93% 0.045 55);
  --sky-day: oklch(96.5% 0.03 92);
  --sky-dusk: oklch(88% 0.06 30);
  --sky-night: oklch(24% 0.04 268);
  --sky-dawn-top: oklch(86% 0.055 20);
  --sky-day-top: oklch(91% 0.04 225);
  --sky-dusk-top: oklch(76% 0.085 25);
  --sky-night-top: oklch(15% 0.04 270);
  --sky-night-ink: oklch(95% 0.015 85);
  --sky-night-soft: oklch(80% 0.03 85);
  --sky-night-accent: oklch(80% 0.12 352);

  /* type */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.375rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
  --text-display-hero: clamp(2.75rem, 1.2rem + 4.9vw, 5.75rem);

  /* space, 4 pt */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;

  --measure: 62ch;
  --page-max: 78rem;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

  --rule-hair: 1px;
  --rule-thick: 3px;
  --radius-sm: 4px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 260ms;
  --dur-slow: 700ms;
}