/* ============================================================
   TEMA B — "Premium escuro" (teste A/B/C, rodada visual)
   Override em cima de styles.css. Vibe: clube exclusivo de
   tarifas / classe executiva. Preços em dourado.
   ============================================================ */
:root {
  --blue: #7aa2ff;
  --blue-dark: #5b7fe8;
  --ink: #eceef8;
  --ink-soft: #9a9db5;
  --bg: #12131c;
  --card: #1c1e2c;
  --line: #2c2f42;
  --promo: #232946;
  --promo-border: #3b4a7a;
  --green: #1fae5e;
  --gold: #e8c469;
  --shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35);
}

.topbar, .footer { background: #171826; border-color: var(--line); }

/* logo tem fundo branco: vira um "selo" com moldura */
.brand-logo { background: #fff; padding: 3px 8px; border-radius: 8px; }

.hero h1 { color: var(--ink); }

/* precos em dourado = premium */
.route-card-price strong,
.price-banner strong,
.option-price strong { color: var(--gold); }

.combo input, .route-picker select {
  background: #12131c; color: var(--ink); border-color: var(--line);
}
.combo input::placeholder { color: #5c5f78; }
.combo-list { background: var(--card); border-color: var(--line); }

.chip.active { background: var(--gold); border-color: var(--gold); color: #12131c; }

.day.off { color: #43465c; }
.day.promo:hover { background: var(--gold); border-color: var(--gold); color: #12131c; }
.day.promo:hover .p { color: #12131c; }

.modal, .modal-head { background: var(--card); }
.modal-close { color: var(--ink-soft); }
.option { border-color: var(--line); }

.badge-us { background: #3a2c14; color: #e8b45a; border-color: #6b5426; }

.btn.btn-outline { background: transparent; color: var(--green); }