/* Hallmark · tokens · Eighty Plus recovery catalogue */
:root {
  --color-paper: oklch(96.7% 0.013 83);
  --color-surface: oklch(99.1% 0.006 83);
  --color-ink: oklch(31.8% 0.132 259);
  --color-ink-deep: oklch(25.2% 0.098 258);
  --color-body: oklch(31% 0.022 65);
  --color-muted: oklch(51% 0.024 69);
  --color-rule: oklch(77% 0.043 78);
  --color-rule-soft: oklch(89% 0.021 78);
  --color-accent: oklch(68% 0.165 47);
  --color-accent-ink: oklch(25% 0.075 44);
  --color-focus: oklch(50% 0.19 259);
  --color-danger: oklch(55% 0.19 25);
  --color-success: oklch(58% 0.15 150);
  --color-shadow: oklch(25% 0.04 258 / 0.12);
  --font-display: 'Sofia Pro', 'Anuphan', sans-serif;
  --font-body: 'Sofia Pro', 'Anuphan', sans-serif;
  --font-mono: 'Courier New', monospace;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 72px;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 16px;
  --text-lg: 22px;
  --text-xl: 32px;
  --text-display: clamp(52px, 8vw, 118px);
  --gutter: clamp(16px, 3.2vw, 56px);
  --radius-control: 0px;
  --radius-card: 12px;
  --rule-hairline: 1px;
  --rule-strong: 2px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-press: 100ms;
  --dur-enter: 300ms;

  /* Bridge the legacy page variables to the locked CI tokens. */
  --blue-bg: var(--color-ink-deep);
  --navy: var(--color-ink);
  --orange: var(--color-accent);
  --orange-light: var(--color-accent);
  --bg: var(--color-paper);
  --white: var(--color-surface);
  --text: var(--color-body);
  --muted: var(--color-muted);
  --border: var(--color-rule-soft);
}