/* ─── Buttons ────────────────────────────────────────────────── */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--panel-hi);
  color: var(--ink);
  border: 1.5px solid var(--rule);
  border-radius: 1px;
  padding: 7px 15px;
  font-family: var(--display);
  font-size: 13.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: transform .07s ease, color .15s, border-color .15s, background-color .15s;
}
.btn:hover { color: var(--blueprint); border-color: var(--blueprint); }
[data-theme="light"] .btn:hover { color: var(--blueprint-lo); border-color: var(--blueprint-lo); }
.btn:active { transform: translateY(1px); }
.btn:disabled {
  opacity: .42;
  cursor: not-allowed;
  transform: none;
}

.btn.primary {
  background: var(--blueprint);
  border-color: var(--blueprint-lo);
  color: var(--bg-main);
}
[data-theme="light"] .btn.primary {
  background: var(--blueprint-lo);
  border-color: var(--blueprint-lo);
  color: var(--bg-main);
}
.btn.primary:hover {
  color: var(--bg-main);
  filter: brightness(1.1);
  border-color: var(--blueprint-lo);
}

.btn.accent {
  background: var(--rust);
  border-color: var(--rust-lo);
  color: var(--bg-main);
}
.btn.accent:hover { color: var(--bg-main); filter: brightness(1.08); border-color: var(--rust-lo); }