/* Ductless Brothers — site-wide dark theme (matches /blog). Loaded last on every page. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@700;800&display=swap');

:root{
  --db-bg:#0B1120; --db-panel:#151E33; --db-border:#26324A;
  --db-text:#F1F5F9; --db-muted:#AAB6C8; --db-blue:#67C9E8;
}

/* Page background */
html, body, .db-page { background:var(--db-bg) !important; color:var(--db-text) !important; }

/* Cards, pills and panels -> dark navy */
article, figure, blockquote, form, .card, [class*="card"],
[style*="background: #FFFFFF"], [style*="background:#FFFFFF"],
[style*="background: #fff"], [style*="background:#fff"],
[style*="background: rgba(255, 255, 255"], [style*="background:rgba(255,255,255"],
[style*="linear-gradient(135deg, #FFFFFF"], [style*="background: #F1F5F9"] {
  background:var(--db-panel) !important;
  border-color:var(--db-border) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
}

/* Full-width sections stay page-colored (beats the card rule above) */
section, section[style], main, footer { background-color:var(--db-bg) !important; background-image:none !important; }

/* Header + dropdowns */
header, header[style], header ul, header [class*="menu"], header [class*="dropdown"] {
  background:rgba(15,23,42,.97) !important;
  border-color:var(--db-border) !important;
}
header a, nav a { color:var(--db-text) !important; }

/* Text */
h1, h2, h3, h4 { color:#FFFFFF !important; font-family:Barlow, Inter, sans-serif; }
p, li, label, figcaption, blockquote footer, td { color:var(--db-muted) !important; }
strong, b { color:var(--db-text) !important; }
a { color:var(--db-blue); }

/* Keep buttons white-on-color */
button, .btn, [class*="btn"], a[style*="gradient"], a[class*="cta"] { color:#FFFFFF !important; }

/* Form fields */
input, textarea, select {
  background:#0F172A !important; color:var(--db-text) !important;
  border:1px solid var(--db-border) !important;
}
input::placeholder, textarea::placeholder { color:#64748B !important; }