:root {
  color-scheme: dark;
  --bg: #09111f;
  --surface: rgba(19, 32, 53, 0.82);
  --surface-hover: #213756;
  --border: rgba(148, 163, 184, 0.18);
  --text: #f1f5f9;
  --muted: #a8b6ca;
  --accent: #38bdf8;
  --accent-strong: #0ea5e9;
  --danger: #fda4af;
}

* { box-sizing: border-box; }

html { min-height: 100%; background: var(--bg); }

body {
  min-height: 100vh;
  margin: 0;
  background: radial-gradient(circle at top, #172c4b 0, var(--bg) 42rem);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid rgba(56, 189, 248, 0.65);
  outline-offset: 3px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}