/* Hallmark tokens · Real Tech Systems · custom palette (cool grey shell · graphite · acid lime · terracotta) */
:root {
  /* colour */
  --color-ground: oklch(80.5% 0.004 260);
  --color-ground-line: oklch(98.5% 0.002 260 / 0.75);
  --color-shell: oklch(96.6% 0.005 265);
  --color-paper: oklch(99% 0.002 265);
  --color-paper-2: oklch(92.2% 0.006 265);
  --color-steel: oklch(86% 0.008 258);
  --color-steel-2: oklch(76% 0.01 258);
  --color-ink: oklch(21% 0.01 265);
  --color-ink-soft: oklch(46% 0.01 265);
  --color-charcoal: oklch(30.5% 0.004 265);
  --color-charcoal-2: oklch(37% 0.004 265);
  --color-on-dark: oklch(98% 0.003 265);
  --color-on-dark-soft: oklch(76% 0.006 265);
  --color-lime: oklch(90.5% 0.215 128);
  --color-lime-deep: oklch(82% 0.2 128);
  --color-coral: oklch(68% 0.14 40);
  --color-coral-deep: oklch(60% 0.15 38);
  --color-rule: oklch(86% 0.006 265);
  --color-rule-dark: oklch(44% 0.005 265);
  --color-focus: oklch(55% 0.2 262);

  /* type */
  --font-display: "Onest", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Onest", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: clamp(1.75rem, 2.6vw, 2.5rem);
  --text-3xl: clamp(2rem, 3.6vw, 3.25rem);
  --text-display-s: clamp(1.9rem, 4.5vw, 4.1rem);

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

  /* shape */
  --radius-shell: 2.5rem;
  --radius-tile: 1.75rem;
  --radius-pill: 999px;

  /* 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: 160ms;
  --dur-base: 280ms;
  --dur-slow: 640ms;
}