/* ─────────────────────────────────────────────────────────
   Project Kestrel — Dark Theme
   ───────────────────────────────────────────────────────── */

:root {
  --ink: #e7e9ee;
  --paper: #0b0f17;
  --sand: #131922;
  --orange: #d46b2a;
  --sky: #4aa3ff;
  --slate: #8a9099;
  --text-muted: #a8afb9;
  --white: #1c2535;
  --shadow: rgba(0, 0, 0, 0.3);
}

body {
  background: #0b0f17;
  color: var(--ink);
  overflow-x: hidden;
}

/* ─ Dark scrollbars ─ */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  background: #0b0f17;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.24);
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.14) #0b0f17;
}

.btn.primary {
  background: #d46b2a;
  color: #fff;
}

.btn.primary:hover {
  background: #c25a1a;
}

.btn.secondary,
.btn.ghost {
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.btn.secondary:hover,
.btn.ghost:hover {
  background: rgba(255, 255, 255, 0.12);
}