/* Hallmark · tokens · theme: Cobalt (modern-minimal) · site: tonyjagodka.com · 2026-08-19 */
:root {
  /* paper + ink — cool engineered near-white, cool charcoal */
  --color-paper:    oklch(98.5% 0.004 250);
  --color-paper-2:  oklch(96.5% 0.006 250);
  --color-paper-3:  oklch(94%   0.008 250);
  --color-rule:     oklch(89%   0.008 250);
  --color-rule-2:   oklch(82%   0.010 250);
  --color-neutral:  oklch(58%   0.014 255);
  --color-muted:    oklch(46%   0.016 256);
  --color-ink-2:    oklch(34%   0.018 257);
  --color-ink:      oklch(24%   0.020 258);
  /* the one signal */
  --color-accent:   oklch(58%   0.20  256);
  --color-accent-2: oklch(50%   0.19  256);
  --color-focus:    oklch(58%   0.20  256);
  /* the one dark band */
  --color-graphite:   oklch(22% 0.016 260);
  --color-graphite-2: oklch(26% 0.016 260);
  --color-graphite-rule: oklch(34% 0.016 260);
  --color-on-graphite:   oklch(94% 0.006 250);
  --color-on-graphite-2: oklch(74% 0.010 252);
  --color-accent-on-dark: oklch(74% 0.15 256);

  /* type */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.25rem;
  --text-4xl:  clamp(2rem, 1.2rem + 2.6vw, 3.25rem);
  --text-display: clamp(2.5rem, 1.4rem + 4.2vw, 4.75rem);

  /* 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(1rem, 4vw, 3rem);
  --page-max: 72rem;

  /* rules + radii — drawn with a ruler */
  --rule-hair: 1px;
  --radius-sm: 6px;
  --radius-md: 10px;

  /* 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 */
  --z-base: 1; --z-raised: 10; --z-sticky: 200;
}