:root {
  --bg: #0d0c0b;
  --surface: #171513;
  --surface-2: #211e1b;
  --border: #2e2a26;
  --text: #f3ede4;
  --muted: #9a9188;
  --accent: #ff8a3d;
  --accent-text: #1a0f06;
  --checker-a: #1c1916;
  --checker-b: #151311;
  --radius: 10px;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #faf6ef; --surface: #ffffff; --surface-2: #f2ece1; --border: #e2d9ca;
    --text: #2a241d; --muted: #7a6f62; --accent: #e8590c; --accent-text: #ffffff;
    --checker-a: #f1eadd; --checker-b: #e8dfd0;
    color-scheme: light;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg); color: var(--text);
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.brand { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 16px; color: var(--accent); text-decoration: none; }
.brand span { color: var(--text); }