/* Dark theme override for brief.html — loaded after styles.css, scoped to this page only */

:root {
  --bg: #03070d;
  --ink: #f7fbff;
  --muted: #b7c2d4;
  --card: rgba(16, 25, 39, 0.85);
  --stroke: rgba(128, 154, 184, 0.22);
}

body {
  background: radial-gradient(circle at 20% 15%, #0b1422 0%, #03070d 55%, #03070d 100%);
}

.grain {
  opacity: 0.08;
}

.grid-glow {
  background-image: linear-gradient(rgba(128, 154, 184, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128, 154, 184, 0.08) 1px, transparent 1px);
  opacity: 0.3;
}

.skip-link {
  background: #101927;
  color: var(--ink);
  border-color: var(--stroke);
}

.topbar {
  background: rgba(3, 7, 13, 0.85);
  border-bottom: 1px solid var(--stroke);
}

.hostc-mini,
.ght-mini {
  background: rgba(128, 154, 184, 0.08);
  border: 1px solid var(--stroke);
  color: var(--ink);
}

.nav a,
.nav .nav-static {
  background: rgba(128, 154, 184, 0.08);
  border: 1px solid var(--stroke);
  color: var(--ink);
}

.ghost {
  border: 1px solid var(--stroke);
  color: var(--ink);
}

.secondary {
  background: rgba(128, 154, 184, 0.1);
  border: 1px solid var(--stroke);
  color: var(--ink);
}

.brief-step-dot {
  background: rgba(128, 154, 184, 0.08);
  border: 1px solid var(--stroke);
  color: var(--muted);
}

.brief-step-dot.is-active {
  border-color: transparent;
}

.brief-form {
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

.brief-form label {
  color: var(--muted);
}

.brief-form input[type='text'],
.brief-form input[type='email'],
.brief-form input[type='url'],
.brief-form select,
.brief-form textarea {
  background: rgba(3, 7, 13, 0.6);
  border: 1px solid var(--stroke);
  color: var(--ink);
}

.brief-form input::placeholder,
.brief-form textarea::placeholder {
  color: rgba(183, 194, 212, 0.55);
}

.brief-fieldset {
  border: 1px dashed var(--stroke);
}

.brief-fieldset legend {
  color: var(--ink);
}

.brief-fieldset label {
  color: var(--ink);
}

.brief-message {
  color: var(--muted);
}

.brief-message.is-error {
  color: #ff5874;
}

.brief-message.is-success {
  color: #45d48a;
}

.brief-toast {
  background: rgba(16, 30, 22, 0.95);
  color: #45d48a;
  border: 1px solid rgba(69, 212, 138, 0.4);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.brief-score {
  background: var(--card);
  border: 1px solid var(--stroke);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.4);
}

.score-value {
  color: #6be7ff;
}

.score-pack {
  color: var(--ink);
}

.score-note {
  color: var(--muted);
}

.footer {
  color: var(--muted);
}

.footer-title {
  color: var(--ink);
}

.logo-mark {
  box-shadow: 0 8px 18px rgba(56, 168, 255, 0.3);
}