/* Quiet Matrix palette, shared by local auth and the demo workspace. */
:root {
  color-scheme: dark;
  --canvas: #0c100f;
  --surface: #131917;
  --surface-raised: #19221e;
  --line: #34463c;
  --text: #e3ece6;
  --muted: #a2b4a8;
  --accent: #a3c6ad;
  --accent-fill: #91b89d;
  --on-accent: #102017;
  --warning: #d7bf92;
  --danger: #edb4ad;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { background: var(--canvas); color: var(--text); }
button, input, textarea, select { font: inherit; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
button:disabled { cursor: wait; opacity: .65; }
input, textarea, select { accent-color: var(--accent); }
input::placeholder, textarea::placeholder { color: #92a399; opacity: 1; }
::selection { background: #355343; color: #f1f5f2; }
.eyebrow, .side-label, .foot, .footer, .system-line { font-family: "Cascadia Code", Consolas, monospace; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 10; background: var(--accent-fill); color: var(--on-accent); padding: 12px 18px; border-radius: 6px; }
.skip-link:focus { top: 16px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}