/* ==========================================================================
   Light-only: every section, panel, header and footer uses the light theme so the
   original logo (grey + green "A") shows correctly everywhere. Loaded last.
   Dark-mode rules elsewhere stay in the files but are unreachable (theme is forced to light).
   ========================================================================== */

.theme-toggle, .bi-header-tools { display: none !important; }
.bi-header .mobile-toggle { margin-left: auto; }

/* Logo: never recolour it */
.site-logo img, .bi-footer img, .footer-brand img { filter: none !important; }
.logo-tagline, .bi-footer .logo-tagline { color: #5f6672 !important; }

/* ----- Footer ----- */
.site-footer, .bi-footer { background: var(--bg-mist); color: var(--text); }
.bi-footer { border-top: 1px solid var(--line); }
.bi-footer::before { background: linear-gradient(90deg, transparent, var(--accent-glow), var(--neo-soft), transparent); }
.footer-brand p, .footer-links a, .footer-contact li, .footer-contact a { color: var(--text-2); }
.footer-heading { color: var(--text); }
.footer-links a:hover, .footer-contact a:hover, .footer-bottom a:hover { color: var(--accent-text); }
.footer-contact svg { color: var(--accent-text); }
.footer-bottom { border-top-color: var(--line); }
.footer-bottom p, .footer-bottom a { color: var(--text-3); }

/* ----- Former dark panels -> light glass panels ----- */
.tech-section { background: color-mix(in srgb, var(--bg-mist) 80%, transparent); border-block: 1px solid var(--line); }
.tech-section .section-title, .tech-section h2, .tech-section h3 { color: var(--text) !important; }
.tech-section .section-desc, .tech-section p { color: var(--text-2) !important; }
.tech-section .section-label { color: var(--accent-text); }
.tech-feature { background: var(--glass); border-color: var(--line); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); }
.tech-feature h4 { color: var(--text); }
.tech-feature p { color: var(--text-2); }
.tech-banner { background: linear-gradient(135deg, var(--accent-tint), transparent); border-color: var(--accent-glow-soft); }
.tech-banner p:first-child { color: var(--text); }
.tech-banner p:last-child { color: var(--text-2); }

.cta-box {
  background: radial-gradient(60% 120% at 85% 0%, var(--accent-glow-soft), transparent 60%), var(--panel);
  border: 1px solid var(--line); color: var(--text);
  box-shadow: var(--shadow), 0 0 80px -40px var(--accent-glow);
}
.cta-box h2, .cta-box h3 { color: var(--text) !important; }
.cta-box p, .cta-box [style*="#9ca3af"], .cta-box [style*="#d1d5db"] { color: var(--text-2) !important; }

.info-card-dark, .contact-sidebar .dark-box {
  background: var(--panel); border: 1px solid var(--line); color: var(--text); box-shadow: var(--shadow-sm);
}
.info-card-dark h3, .info-card-dark [style*="color:#fff"], .info-card-dark [style*="color: #fff"] { color: var(--text) !important; }
.info-card-dark p, .info-card-dark li, .contact-sidebar .dark-box p,
.info-card-dark [style*="#9ca3af"], .info-card-dark [style*="#d1d5db"] { color: var(--text-2) !important; }
.contact-sidebar .dark-box a { color: var(--accent-text); }

/* Inline white text left behind in content that used to sit on dark backgrounds */
.tech-section [style*="color:#fff"], .tech-section [style*="color: #fff"],
.cta-box [style*="color:#fff"], .cta-box [style*="color: #fff"],
.tech-section [style*="#9ca3af"], .tech-section [style*="#d1d5db"] { color: var(--text) !important; }

/* Stats strip: 2x2 until there is room for four columns (cells were clipped at ~640-900px) */
.stats-grid > div { min-width: 0; }
@media (max-width: 899px) {
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-grid > div:nth-child(odd) { border-left: 0; }
  .stats-grid > div:nth-child(n+3) { border-top: 1px solid var(--line); }
}