/* Hallmark · design tokens for the Cobalt redesign experiment
 * Comparison build only — does not affect index.html / styles.css / tokens.css.
 */

:root {
  /* Paper / surface — cool engineered near-white, never #fff */
  --color-paper:     oklch(98.5% 0.004 250);
  --color-paper-2:   oklch(96.5% 0.006 252);
  --color-graphite:  oklch(22%   0.016 260); /* code-card dark band */
  --color-graphite-2: oklch(27%  0.018 260);

  /* Ink — cool charcoal, never #000 */
  --color-ink:       oklch(24%   0.02  258);
  --color-ink-2:     oklch(34%   0.018 257); /* body text, a notch lighter */
  --color-muted:     oklch(54%   0.014 256);
  --color-rule:      oklch(90%   0.010 254);
  --color-rule-2:    oklch(82%   0.012 254);

  /* Accent — one electric cobalt signal, used sparingly */
  --color-accent:     oklch(58% 0.20 256);
  --color-accent-ink: oklch(99% 0.003 250);
  --color-focus:      oklch(58% 0.20 256);
  --color-focus-on-accent: oklch(99% 0.003 250);

  /* Status (input validation only — not part of the signature palette) */
  --color-error:   oklch(58% 0.19 25);
  --color-success: oklch(60% 0.13 150);

  /* Type — Space Grotesk display, Inter body, JetBrains Mono outlier */
  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --text-xs:   0.64rem;
  --text-sm:   0.8rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5625rem;
  --text-xl:   1.9531rem;
  --text-2xl:  2.4414rem;
  --text-3xl:  3.0518rem;
  --text-display: clamp(2.75rem, 6vw + 1rem, 4.5rem);

  /* Space — 4pt canonical 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;

  /* 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-instant: 100ms;
  --dur-fast:    180ms;
  --dur-base:    280ms;
  --dur-slow:    450ms;

  /* Radius — tight, ruler-drawn */
  --radius-control: 6px;
  --radius-card:     10px;

  /* Z-scale — six named levels */
  --z-base:     1;
  --z-raised:   10;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    400;
  --z-toast:    500;
  --z-tooltip:  600;
}