:root {
  color-scheme: light;
  --color-ink: #e9e7e2;
  --color-ink-soft: #f4f2ee;
  --color-panel: rgba(17, 21, 23, 0.86);
  --color-panel-border: rgba(240, 232, 218, 0.12);
  --color-text: #f3eee6;
  --color-text-muted: #aaa69f;
  --color-copper: #ca7b46;
  --color-copper-bright: #e3a06d;
  --color-copper-dark: #7d4328;
  --color-focus: #efb083;
  --color-error: #ffb3a7;
  --color-page-text: #1d1c1a;
  --color-page-muted: #68635e;
  --shadow-panel: 0 32px 100px rgba(0, 0, 0, 0.48);
  --radius-panel: 2px;
  --radius-control: 2px;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
  }
}