
/* === v7.1 Contrast & Readability Override (loaded last) ==================== */
:root{
  color-scheme: dark;
}
html, body {
  background: #0b0b0b !important;
  color: #f8fafc !important;
}
/* Headings & body */
h1,h2,h3,h4,h5,h6 { color: #ffffff !important; }
p, li, dl, dt, dd, small, .tiny, .lead, .muted, .dim, .secondary { color: #e8edf3 !important; }
label, input, select, textarea { color: #e8edf3 !important; }
input::placeholder, textarea::placeholder { color: #a7b0ba !important; }
/* Links & buttons */
a { color: #ffd84d !important; }
.btn { color:#1b1400 !important; background:#ffd84d !important; border-color:#000 !important; }
.btn-ghost { color:#f1f5f9 !important; background:transparent !important; border-color:#383838 !important; }
.btn:focus-visible { outline: 3px solid #f4c900 !important; outline-offset: 2px; }
/* Prevent any dim overlays */
.reveal { opacity: 1 !important; transform: none !important; }
[class*="opacity"], [style*="opacity"] { opacity: 1 !important; }
/* Hero/backdrop darken caps */
.hero .bg, .hero .overlay { opacity: 1 !important; }
.hero .bg::before, .hero .bg::after, .overlay::before, .overlay::after { opacity: .25 !important; }
/* Mix-blend fixes */
[style*="mix-blend-mode"], .blend, .mix { mix-blend-mode: normal !important; }
/* Image contrast consideration */
img { filter: none !important; }
/* Nav & footer links */
.primary-nav a, .site-footer a { color: #e6edf3 !important; }
/* Tables & cards */
.card, .panel { background:#101214 !important; border-color:#222 !important; }
/* High-contrast media query support */
@media (prefers-contrast: more) {
  a { text-decoration: underline; }
  .btn { box-shadow: 0 0 0 3px #000 inset; }
}

/* v7.5 UX polish */
.site-header{position:sticky;top:0;background:#0b0b0b;backdrop-filter:saturate(1.2) blur(6px);z-index:200;border-bottom:1px solid #141414}
.back-to-top{position:fixed;right:16px;bottom:80px;display:none;z-index:200}
.back-to-top.show{display:block}
.back-to-top .btn{padding:10px 12px}
/* Ensures hero text readable even over bright images */
.hero h1,.hero .lead{ text-shadow: 0 1px 2px rgba(0,0,0,.55) }
