/* Hallmark · tokens · theme: Cobalt (papersystem)
 * paper band: cool light · display style: grotesk-sans · accent hue: electric cobalt
 * Brand anchor: papersystem navy (logo mark) — used for the wordmark only.
 */

:root {
  /* ---- Colour ---------------------------------------------------------- */
  --color-paper:          oklch(98.5% 0.004 250);
  --color-paper-2:        oklch(96.6% 0.006 252);
  --color-paper-3:        oklch(94.2% 0.008 254);

  --color-ink:            oklch(24% 0.020 258);
  --color-ink-2:          oklch(34% 0.018 257);
  --color-ink-3:          oklch(52% 0.015 257);
  --color-ink-4:          oklch(64% 0.013 257);

  --color-rule:           oklch(90% 0.008 255);
  --color-rule-2:         oklch(84% 0.010 255);

  --color-accent:         oklch(58% 0.200 256);
  --color-accent-hi:      oklch(52% 0.200 256);
  --color-accent-ink:     oklch(99% 0.005 256);
  --color-accent-soft:    oklch(94.5% 0.040 256);

  --color-graphite:       oklch(21% 0.016 260);
  --color-graphite-2:     oklch(25.5% 0.018 260);
  --color-graphite-rule:  oklch(33% 0.020 260);
  --color-on-graphite:    oklch(93% 0.008 255);
  --color-on-graphite-2:  oklch(72% 0.012 255);
  --color-on-graphite-3:  oklch(58% 0.014 257);
  --color-accent-dark:    oklch(72% 0.170 256);

  --color-brand:          oklch(24% 0.090 265);
  --color-focus:          oklch(58% 0.200 256);

  /* ---- Type ------------------------------------------------------------ */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-display:   clamp(2.6rem, 6.2vw + 0.4rem, 5.25rem);
  --text-display-s: clamp(2.1rem, 4.6vw + 0.4rem, 3.6rem);
  --text-4xl:       clamp(1.9rem, 3.2vw + 0.5rem, 2.9rem);
  --text-3xl:       clamp(1.55rem, 2vw + 0.6rem, 2.1rem);
  --text-2xl:       clamp(1.3rem, 1.1vw + 0.8rem, 1.55rem);
  --text-xl:        1.175rem;
  --text-lg:        1.0625rem;
  --text-base:      0.975rem;
  --text-sm:        0.875rem;
  --text-xs:        0.775rem;
  --text-2xs:       0.6875rem;

  --track-display: -0.028em;
  --track-tight:   -0.014em;
  --track-mono:    0.06em;

  /* ---- Space (4pt) ----------------------------------------------------- */
  --space-2xs: 0.25rem;
  --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;
  --space-5xl: 10rem;

  --measure:   62ch;
  --shell:     78rem;
  --shell-pad: clamp(1.25rem, 4vw, 3rem);

  /* ---- Line ------------------------------------------------------------ */
  --rule-hair: 1px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ---- Motion ---------------------------------------------------------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-xs:  120ms;
  --dur-sm:  200ms;
  --dur-md:  380ms;
  --dur-lg:  600ms;
}