/* Hallmark · tokens · Heidi Alm, koulutettu hieroja
 * theme: custom · vibe: "dusty pink, terracotta, unhurried, warm"
 * axes: light / roman-serif / warm (hue 45)
 * Every colour and font on this site resolves through a token below.
 */

:root {
  /* ---- Type families ------------------------------------------------ */
  --font-display: "Newsreader", ui-serif, Georgia, "Times New Roman", serif;
  --font-body: "Geist", ui-sans-serif, "Helvetica Neue", sans-serif;

  /* ---- Colour · paper ------------------------------------------------
   * Warm off-white tinted toward the logo's terracotta (hue 40).
   * paper-2 / paper-3 carry the logo's dusty pink (hue ~357) as surface.
   */
  --color-paper: oklch(96.5% 0.010 40);
  --color-paper-2: oklch(93% 0.018 358);
  --color-paper-3: oklch(88.5% 0.028 356);

  /* ---- Colour · ink -------------------------------------------------- */
  --color-ink: oklch(21% 0.014 40);
  --color-ink-2: oklch(38% 0.013 40);
  --color-muted: oklch(50% 0.014 40);

  /* ---- Colour · rules ------------------------------------------------ */
  --color-rule: oklch(82% 0.016 40);
  --color-rule-2: oklch(89% 0.012 40);

  /* ---- Colour · accent -----------------------------------------------
   * The logo terracotta (oklch 62.2% 0.078 50.8) deepened to carry text.
   * paper-on-accent and accent-on-paper both measure 7.07:1.
   */
  --color-accent: oklch(45% 0.125 45);
  --color-accent-ink: oklch(96.5% 0.010 40);
  --color-focus: oklch(55% 0.150 45);

  /* ---- Colour · scrim (photo caption legibility) ---------------------
   * Worst case measured against the brightest pixel under the caption
   * band of the supplied photograph: paper-on-scrim = 7.29:1.
   */
  --color-scrim: oklch(21% 0.014 40 / 0.66);

  /* ---- Type scale · major third (1.25) from 16px --------------------- */
  --text-xs: 0.8rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.5625rem;
  --text-xl: 1.9531rem;
  --text-2xl: 2.4414rem;
  --text-display: clamp(2.875rem, 7.5vw, 5.5rem);

  /* ---- Space · 4pt scale --------------------------------------------- */
  --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, 5rem);
  --measure: 62ch;

  /* ---- Rules ---------------------------------------------------------- */
  --rule-hair: 1px;
  --rule-thick: 3px;

  /* ---- Radius --------------------------------------------------------- */
  --radius-none: 0;
  --radius-sm: 2px;

  /* ---- Motion --------------------------------------------------------- */
  --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;
  --dur-long: 420ms;

  /* ---- Z scale --------------------------------------------------------- */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
}