:root {
  --bg: #101826;
  --panel: #172234;
  --panel-alt: #1d2b3f;
  --line: #2d3a4d;
  --text: #edf2ff;
  --muted: #9bacd0;
  --primary: #70d6ff;
  --primary-strong: #3db8f0;
  --accent: #70d6ff;
  --danger: #ff6b6b;
  --success: #7ae582;
  --warning: #ffd166;
  --shadow: rgba(15, 20, 33, 0.35);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  background: linear-gradient(180deg, #0d1522 0%, #111d2e 100%);
  color: var(--text);
}

.container {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}