:root {
  --c-ink: #191918;
  --c-ink-muted: #6d6d6d;
  --c-surface: #f6f2ee;
  --c-surface-alt: #ffffff;
  --c-surface-dark: #151514;
  --c-line: #d7d4d0;
  --c-brand: #9c4d7d;
  --c-brand-strong: #9c4d7d;
  --c-action: #191918;
  --c-action-ink: #ffffff;
  --c-warm: #9c4d7d;
  --c-sun: #e5c962;
  --c-cool: #6e3b5a;
  --c-ink-rgb: 25 25 24;
  --c-surface-dark-rgb: 21 21 20;
  --font-heading: 'Hanken Grotesk Variable', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk Variable', system-ui, sans-serif;
  --radius: 18px;
  --radius-lg: calc(18px * 1.8);
  --c-action-on-dark: #ffffff;
  --c-action-on-dark-ink: #9c4d7d;
  --c-action-on-brand: #191918;
  --c-action-on-brand-ink: #ffffff;
  --spectrum: #9c4d7d;
}