:root {
  --app-bg: #22212e;
  --panel-bg: rgba(20, 21, 22, .94);
  --panel-line: rgba(255, 255, 255, .16);
  --text: #f5f5f2;
  --muted: #b7b7b3;
  --accent: #ffcf32;
  --accent-strong: #ffea00;
  --focus: #ffea00;
  --radius: 16px;
  --shadow: 0 16px 48px rgba(0, 0, 0, .34);
  --header-text: #f5f5f2;
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="light"] {
  --app-bg: #22212e;
  --panel-bg: rgba(250, 250, 247, .94);
  --panel-line: rgba(20, 21, 22, .18);
  --text: #1c1c1a;
  --muted: #5d5d58;
  --accent: #b85b00;
  --accent-strong: #934700;
  --focus: #b85b00;
  --shadow: 0 16px 48px rgba(0, 0, 0, .18);
  --header-text: #f5f5f2;
  color-scheme: light;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; background: var(--app-bg); }
body { overflow: hidden; color: var(--text); }
button, a { font: inherit; }