/* Hallmark · tokens · theme: custom · vibe: "plain text, quiet, technical" · anchor hue: 256 (ink blue) · paper: pure white by request */

:root {
  /* ---- color: paper ---- */
  --color-paper:      oklch(100% 0 0);
  --color-paper-2:    oklch(96.5% 0.005 255);

  /* ---- color: rules ---- */
  --color-rule:       oklch(84% 0.010 255);
  --color-rule-2:     oklch(91% 0.008 255);

  /* ---- color: ink ---- */
  --color-ink:        oklch(20% 0.014 255);
  --color-ink-2:      oklch(32% 0.014 255);
  --color-muted:      oklch(47% 0.014 255);

  /* ---- color: accent (one signal: links, focus, the wordmark dot) ---- */
  --color-accent:     oklch(48% 0.17 258);
  --color-accent-hover: oklch(40% 0.17 258);
  --color-accent-ink: oklch(98% 0.005 255);
  --color-focus:      oklch(48% 0.20 258);

  /* ---- font: one sans family (Lato) carries the page ---- */
  --font-sans: "Lato", ui-sans-serif, "Helvetica Neue", Arial, sans-serif;

  /* ---- type scale ---- */
  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lg:   1.625rem;
  --text-hero: clamp(1.875rem, 2.4vw + 1.1rem, 2.75rem);

  /* ---- spacing (4pt) ---- */
  --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;

  /* ---- radii ---- */
  --radius-sm: 3px;

  /* ---- motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 120ms;

  /* ---- rules ---- */
  --rule-hair: 1px;

  /* ---- layout ---- */
  --page-max: 54rem;
  --page-gutter: clamp(1.25rem, 5vw, 3rem);
  --label-col: 12rem;
}