@layer theme {
  [data-theme="folio"] {
    --bg: #ffffff;
    --bg-mid: #f5f5f5;
    --text: #111111;
    --accent: #0066ff;
    --muted: #888888;
    --rule: rgba(0,102,255,0.12);
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    --font-body: 'Space Grotesk', system-ui, sans-serif;
    --btn-radius: 999px;
    --btn-weight: 600;
    --btn-transform: none;
    --btn-tracking: 0;
  }
}