:root {
  --bg: #070d16;
  --bg-top: #0a1322;
  --sidebar: rgba(6, 12, 21, 0.97);
  --panel: rgba(11, 18, 30, 0.92);
  --panel-strong: rgba(13, 21, 34, 0.98);
  --border: rgba(105, 126, 161, 0.2);
  --border-strong: rgba(129, 151, 190, 0.28);
  --text: #edf3ff;
  --muted: #9ba8c1;
  --muted-2: #7f8ba5;
  --blue: #5a8cff;
  --violet: #6e63ff;
  --green: #59db88;
  --amber: #f0bf4b;
  --red: #f16b71;
  --orange: #ff9d57;
  --cyan: #4ed2ff;
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
  --shadow-soft: 0 1px 0 rgba(255, 255, 255, 0.025), 0 10px 24px rgba(0, 0, 0, 0.18);
  --radius: 24px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  color: var(--text);
  background:
    linear-gradient(180deg, rgba(14, 24, 40, 0.96), rgba(7, 13, 22, 1) 440px),
    var(--bg);
}

a { color: inherit; text-decoration: none; }
button {
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}

select {
  font: inherit;
  color: inherit;
}
