:root {
  color-scheme: light;
  --bench-0: #fbfaf8;
  --bench-1: #f4f2ee;
  --bench-2: #ece9e3;
  --bench-3: #dcd8d0;
  --steel-0: #3d434b;
  --steel-1: #5c636d;
  --steel-2: #8a9099;
  --paper-0: #1a1d22;
  --paper-1: #2a2e34;
  --paper-2: #444a52;
  --ink-0: #141619;
  --ink-1: #262b31;
  --ink-2: #3f454d;
  --accent: #d9480f;
  --accent-bright: #e9551a;
  --amber: #b45309;
  --green: #15803d;
  --red: #dc2626;
  --blue: #2563eb;
  --font-sans: "Segoe UI Variable", "Aptos", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace;
  --radius-panel: 10px;
  --radius-control: 6px;
  --shadow-panel: 0 18px 50px rgb(35 40 48 / 0.12), inset 0 1px 0 rgb(255 255 255 / 0.8);
  --shadow-key: 0 2px 0 rgb(35 40 48 / 0.12), inset 0 1px 0 rgb(255 255 255 / 0.9);
  --focus-ring: 0 0 0 3px rgb(217 72 15 / 0.3);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}