/* B & M Lubricants — DARK THEME override. Load AFTER styles.css. Colors only; layout untouched.
   Follows prior decision: navy hero color carried down the whole page, amber buttons, amber Preferred Customer panel kept. */
:root {
  --paper: #0e1726;      /* page background (navy-800) */
  --line: #2c3d5c;       /* borders */
  --ink: #e8edf4;        /* body text */
  --muted: #aab6c8;      /* secondary text */
  --red: #ff7a6e;        /* links/kickers: light coral-red, AA on dark */
  --surface: #16233a;    /* cards, panels (navy-700) */
  --surface-2: #1c2b46;
}
html, body { background: var(--paper); color: var(--ink); }
.chooser, .seasonal, .page-body, .related { background: var(--paper); }
.section:not(.commercial):not(.chooser):not(.seasonal):not(.page-body):not(.related) { background: var(--paper); }
.tile, .related-link, .card, .about-badge, .cta-box, .calc, .calc-result, .rfq-section { background: var(--surface); color: var(--ink); border-color: var(--line); }
.tile:hover, .related-link:hover { border-color: var(--amber); }
.tile-feature { background: var(--amber); color: var(--navy-900); border-color: var(--amber); }
.tile-feature:hover { background: #ffbb3d; border-color: #ffbb3d; }
.tile-dark { background: #0b1320; border-color: var(--line); }
.tile-icon, .card-icon { background: #0b1320; }
.tile-arrow, .related-link::after, .card-list li::before, .prose li::marker { color: var(--amber); }
.card-list li::before { background: var(--amber); }
.card::before { background: var(--line); }
/* navy used as text color -> light */
.card-quick a, .prose strong, .about-year, .calc legend, .calc-big, .calc-ml, .faq h3,
.prose .guide-grid .related-link strong, .rfq-item legend, .mix-table .saber-row td { color: #ffffff; }
.prose .guide-grid .related-link { color: var(--ink); }
.prose a, .about p a, .card-more a, .breadcrumb a { color: var(--red); }
.section-more a { color: var(--amber); }
.prose figcaption, .mix-table caption { color: var(--muted); }
.btn-dark { background: #0b1320; color: #fff; border-color: var(--line); }
.btn-dark:hover { background: var(--navy-600); }
.btn-outline { border-color: #cfd7e3; color: #fff; }
.btn-outline:hover { background: #fff; color: var(--navy-900); }
.how { background: #0b1320; }
.products-cta { background: #0b1320; border: 1px solid var(--line); }
.calc-input, .calc-chip { background: #0b1320; color: var(--ink); border-color: var(--line); }
.calc-chip { border-color: #cfd7e3; color: #fff; }
.calc-chip[aria-pressed="true"] { background: var(--amber); color: var(--navy-900); border-color: var(--amber); }
/* request-a-quote form */
.rfq input[type=text], .rfq input[type=email], .rfq input[type=tel], .rfq input[type=number], .rfq select, .rfq textarea {
  background: #0b1320; color: #f2f5f9; border-color: #3a4d70; }
.rfq ::placeholder { color: #8f9cb0; opacity: 1; }
.rfq select:disabled { background: #121c2e; color: #8f9cb0; }
.rfq-consent input { accent-color: var(--amber); }
.rfq-remove, .rfq-error { color: var(--red); }
.site-footer { background: #070d17; }
/* AMSOIL dealer badge keeps its official black bar; add a subtle edge so it separates from navy */
.dealer-badge { background: #000; border-top: 1px solid var(--line); }
.footer-legal, .footer-contact { color: #a3afc2; }

/* How to Buy button fix: .prose a (red link color) was overriding button text color inside article copy */
.prose a.btn { text-decoration: none; }
.prose a.btn-accent { color: var(--navy-900); }
.prose a.btn-dark, .prose a.btn-outline { color: #fff; }
.prose a.btn-outline:hover { color: var(--navy-900); }

/* Nov 2026: review link moved out of AMSOIL links nav (G4000 audit) */
.footer-review { font-size: .85rem; margin-top: .4rem; }
.footer-review a { color: inherit; text-decoration: underline; }
.checklist li { margin-bottom: .35rem; }