@import url('/assets/fonts/hanken-grotesk/face.css');
@import url('/assets/fonts/space-mono/face.css');
:root {
  --color-bg: #f1f2f4;
  --color-surface: #fafbfc;
  --color-surface-2: #e3e6eb;
  --color-ink-panel: #1d1b19;
  --color-fg: #1f1d1b;
  --color-muted: #55524c;
  --color-faint: #7d7a73;
  --color-border: #d7d4cc;
  --color-border-ink: #45413b;
  --color-accent: #0e6b68;
  --color-accent-deep: #0a504e;
  --color-accent-fg: #ffffff;
  --color-accent-soft: #d7ecea;
  --color-highlight: #ff8a6b;
  --color-highlight-deep: #a8391c;
  --color-highlight-soft: #ffe3da;
  --font-display: 'Hanken Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --space: 8px;
  --radius: 14px;
  --radius-sm: 8px;
  --measure: 62ch;
  --catalog-title-size: var(--step-1);
  --category-title-size: var(--step-3);
  --shadow-card: 0 1px 2px rgba(20,40,28,.05), 0 12px 28px -18px rgba(20,40,28,.28);
  --shadow-float: 0 30px 60px -28px rgba(20,40,28,.45);
}