/* Hallmark · tokens · theme: Cobalt (light paper · grotesk-sans display · cool accent)
 * anchor hue 250 · accent hue 262 · genre modern-minimal · tone technical
 * Every colour and every font-family in styles.css references a name from this file.
 */
:root {
  /* paper / ink / neutrals — anchor hue 250 */
  --color-paper:    oklch(98.5% 0.004 250);
  --color-paper-2:  oklch(96% 0.006 250);
  --color-paper-3:  oklch(92.5% 0.009 250);
  --color-rule:     oklch(86% 0.010 250);
  --color-rule-2:   oklch(79% 0.012 250);
  --color-neutral:  oklch(58% 0.018 250);
  --color-muted:    oklch(46% 0.022 250);
  --color-ink:      oklch(22% 0.030 250);
  --color-ink-2:    oklch(32% 0.028 250);

  /* the single accent: a signal, never a fill */
  --color-accent:   oklch(50% 0.190 262);
  --color-accent-2: oklch(42% 0.170 262);
  --color-accent-soft: oklch(93% 0.035 262);
  --color-focus:    oklch(50% 0.190 262);

  /* type */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs:      0.75rem;
  --text-sm:      0.8125rem;
  --text-base:    1rem;
  --text-md:      1.125rem;
  --text-lg:      1.375rem;
  --text-xl:      1.75rem;
  --text-2xl:     clamp(1.75rem, 1.1rem + 2.2vw, 2.5rem);
  --text-3xl:     clamp(2rem, 1.2rem + 3.2vw, 3.25rem);
  --text-display: clamp(2.375rem, 1.2rem + 4.2vw, 4.5rem);

  --lh-tight: 1.04;
  --lh-snug: 1.2;
  --lh-body: 1.55;

  /* 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;

  /* rules / radius */
  --rule-hair: 1px;
  --rule-slab: 2px;
  --radius-sm: 2px;
  --radius-md: 4px;

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

  /* layers */
  --z-sticky-nav: 300;
  --measure: 62ch;
  --page-max: 76rem;
  --gutter: clamp(1rem, 4vw, 3rem);
}