/* Hallmark · tokens · theme: studied-DNA (source: strength-that-shapes-lives chatgpt site + book cover)
 * paper oklch(95.5% 0.016 85) cream · accent oklch(74% 0.1 80) gold · ground oklch(24% 0.035 175) spartan green
 * display: Big Shoulders Display · body: Newsreader
 */
:root {
  /* colour */
  --color-deep: oklch(21% 0.032 175);
  --color-green: oklch(30% 0.048 172);
  --color-green-2: oklch(36% 0.055 170);
  --color-paper: oklch(95.5% 0.016 85);
  --color-paper-2: oklch(92% 0.022 84);
  --color-ink: oklch(22% 0.02 175);
  --color-ink-soft: oklch(40% 0.02 175);
  --color-on-deep: oklch(96% 0.012 85);
  --color-on-deep-soft: oklch(80% 0.02 120);
  --color-gold: oklch(76% 0.105 80);
  --color-gold-hover: oklch(82% 0.1 82);
  --color-gold-ink: oklch(50% 0.09 70);
  --color-rule-light: oklch(22% 0.02 175 / 0.14);
  --color-rule-deep: oklch(96% 0.012 85 / 0.16);
  --color-error: oklch(70% 0.15 30);
  --color-error-ink: oklch(48% 0.16 30);
  --color-focus: oklch(80% 0.13 85);
  --color-shadow: oklch(10% 0.02 175 / 0.55);

  /* type */
  --font-display: "Big Shoulders Display", "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.125rem;
  --text-lg: 1.3125rem;
  --text-xl: 1.625rem;
  --text-2xl: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.4rem + 3.4vw, 3.75rem);
  --text-display: clamp(3.25rem, 1.6rem + 7vw, 7rem);

  /* 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: clamp(4.5rem, 3rem + 6vw, 8rem);

  --measure: 62ch;
  --page-max: 72rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --rule-hair: 1px;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 140ms;
  --dur-med: 240ms;
}