/* Design tokens — Part 1.1. No hex literals anywhere else in this app's CSS. */
:root {
  --reg-canvas: #F5F1E8;
  --reg-panel: #ECE7DA;
  --reg-border: #D5CFBD;
  --reg-ink: #0A0F1F;
  --reg-muted: #6B6558;
  --reg-lime: #D7FF3D;
  --reg-blue: #1530F0;
  --reg-ink-on-dark: #F5F1E8;

  /* Fallback stacks must never fall through to a serif — this is a
   * sans-serif design end to end. (--reg-font-display previously fell back
   * to ui-serif/Georgia/Times New Roman, which is exactly backwards.) */
  --reg-font-display: 'Bricolage Grotesque', 'Bricolage Grotesque Fallback', 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --reg-font-body: 'Inter', 'Inter Fallback', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --reg-font-mono: 'JetBrains Mono', 'JetBrains Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --reg-radius-sm: 10px;
  --reg-radius-md: 14px;
  --reg-radius-lg: 16px;
  --reg-space-section: clamp(56px, 8vw, 96px);
  --reg-max-width: 1180px;
}