@layer theme {
  [data-theme="compendium"] {
    --bg: #f8f9fa;
    --bg-mid: #e9ecef;
    --text: #212529;
    --accent: #0d6efd;
    --muted: #6c757d;
    --rule: rgba(13,110,253,0.12);
    --font-display: 'Outfit', system-ui, sans-serif;
    --font-body: 'Outfit', system-ui, sans-serif;
    --btn-radius: 6px;
    --btn-weight: 600;
    --btn-transform: none;
    --btn-tracking: 0;
  }
}