/* ── GLOBAL DARK MODE ── applied via html.high-contrast */
html.high-contrast body { background: #0d0d0d; color: #f0f0f0; }

/* Cursor */
html.high-contrast #cursor-dot { background: rgba(255,255,255,0.85); }
html.high-contrast #cursor-dot.on-link { background: #fff; }

/* Footer */
html.high-contrast footer { opacity: 0.55; color: rgba(255,255,255,0.7); }

/* Stat dividers (homepage) */
html.high-contrast .stat-item + .stat-item::before { background: rgba(255,255,255,0.12); }

/* Nav */
html.high-contrast nav {
  background: rgba(10,10,10,0.6) !important;
  backdrop-filter: blur(48px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(180%) !important;
  box-shadow:
    0 4px 24px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.07),
    inset 0 -1px 0 rgba(0,0,0,0.3),
    0 0 0 0.5px rgba(255,255,255,0.08) !important;
}
html.high-contrast .nav-links a { color: rgba(255,255,255,0.82); }
html.high-contrast .nav-links a:hover { color: #fff; }
html.high-contrast .nav-sep { background: rgba(255,255,255,0.15); }

/* Typography */
html.high-contrast .project-title,
html.high-contrast .section-heading,
html.high-contrast h1, html.high-contrast h2, html.high-contrast h3 { color: #f0f0f0; }
html.high-contrast .project-hook,
html.high-contrast .body-text { color: rgba(255,255,255,0.62); }
html.high-contrast .section-number { color: rgba(255,255,255,0.3); }
html.high-contrast .subheading { color: rgba(255,255,255,0.65); }
html.high-contrast .img-caption { color: rgba(255,255,255,0.35); }
html.high-contrast .back-link { color: rgba(255,255,255,0.35); }
html.high-contrast .back-link:hover { color: rgba(255,255,255,0.8); }
html.high-contrast footer { color: rgba(255,255,255,0.25); }
html.high-contrast .divider { background: rgba(255,255,255,0.07); }
html.high-contrast .page-label { color: rgba(255,255,255,0.3); }
html.high-contrast .project-handle { color: rgba(255,255,255,0.35); }

/* Overview card */
html.high-contrast .overview-card {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.08);
}
html.high-contrast .overview-hook { color: rgba(255,255,255,0.75); border-bottom-color: rgba(255,255,255,0.07); }
html.high-contrast .overview-grid { border-bottom-color: rgba(255,255,255,0.07); }
html.high-contrast .overview-col-label { color: rgba(255,255,255,0.28); }
html.high-contrast .overview-meta-row { color: rgba(255,255,255,0.5); }
html.high-contrast .overview-meta-row strong { color: #f0f0f0; }
html.high-contrast .overview-stat-row { border-bottom-color: rgba(255,255,255,0.07); }
html.high-contrast .overview-stat-label { color: rgba(255,255,255,0.45); }
html.high-contrast .overview-stat-val { color: #f0f0f0; }
html.high-contrast .overview-label { color: rgba(255,255,255,0.28); }

/* Tags */
html.high-contrast .tag {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.65);
}

/* Stats bar */
html.high-contrast .stats-bar {
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.07);
}
html.high-contrast .stat-number { color: #f0f0f0; }
html.high-contrast .stat-label { color: rgba(255,255,255,0.4); }
html.high-contrast .stat-change { color: #6fcf6f; background: rgba(111,207,111,0.1); }
html.high-contrast .stats-bar .stat-item + .stat-item::before { background: rgba(255,255,255,0.08); }

/* Copy showcase */
html.high-contrast .copy-showcase {
  background: rgba(255,255,255,0.03);
  border-color: rgba(255,255,255,0.07);
}
html.high-contrast .copy-showcase-label { color: rgba(255,255,255,0.28); }
html.high-contrast .copy-line { border-bottom-color: rgba(255,255,255,0.07); }
html.high-contrast .copy-text { color: rgba(255,255,255,0.82); }
html.high-contrast .copy-brand { color: rgba(255,255,255,0.25); }

/* Compliance callout */
html.high-contrast .compliance-callout {
  border-left-color: rgba(255,255,255,0.3);
}
html.high-contrast .compliance-label { color: rgba(255,255,255,0.3); }
html.high-contrast .compliance-text { color: rgba(255,255,255,0.6); }

/* Images */
html.high-contrast .img-pair img,
html.high-contrast .img-stack img,
html.high-contrast .img-block img,
html.high-contrast .img-block-sm img,
html.high-contrast .img-triple img { opacity: 0.88; }

/* Learnings */
html.high-contrast .learning-item { border-bottom-color: rgba(255,255,255,0.07); }
html.high-contrast .learning-title { color: #f0f0f0; }
html.high-contrast .learning-body { color: rgba(255,255,255,0.58); }

/* Live links */
html.high-contrast .live-link {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.7);
}
html.high-contrast .live-link:hover { background: rgba(255,255,255,0.1); color: #fff; }
html.high-contrast .link-list { border-color: rgba(255,255,255,0.07); }

/* Overview insight (glo, align) */
html.high-contrast .overview-insight {
  color: rgba(255,255,255,0.55);
  border-left-color: rgba(255,255,255,0.2);
}

/* Colored tags (ringer) */
html.high-contrast .tag-blue {
  background: rgba(24,95,165,0.25);
  border-color: rgba(133,183,235,0.3);
  color: rgba(133,183,235,0.9);
}
html.high-contrast .tag-amber {
  background: rgba(133,79,11,0.25);
  border-color: rgba(250,199,117,0.3);
  color: rgba(250,199,117,0.9);
}

/* Gallery cards (dig) */
html.high-contrast .gallery-card {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.08);
}

/* Next/more work cards */
html.high-contrast .next-label { color: rgba(255,255,255,0.3); }
html.high-contrast .next-card { filter: brightness(0.75) saturate(0.8); }
html.high-contrast .next-card:hover { filter: brightness(0.85) saturate(0.9); }

/* Logo cards */
html.high-contrast .logo-card.light {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
}
html.high-contrast .logo-card.cream { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.07); }

/* Contrast toggle card */
html.high-contrast .c-contrast {
  background: linear-gradient(150deg, #05091a 0%, #0e0620 50%, #050505 100%) !important;
}
html.high-contrast .nm-track { background: rgba(255,255,255,0.15); }
html.high-contrast .nm-switch { background: rgba(255,255,255,0.12); }

/* Nav logo — invert to white in dark mode */
html.high-contrast .nav-logo img { filter: invert(1); }

/* Social / Content Creation page */
html.high-contrast .closing-text { color: rgba(255,255,255,0.58); }
html.high-contrast .cta-btn { background: rgba(255,255,255,0.1); color: #f0f0f0; border: 1px solid rgba(255,255,255,0.12); }
html.high-contrast .cta-btn:hover { background: rgba(255,255,255,0.18); }
html.high-contrast .video-views { color: rgba(255,255,255,0.4); }
html.high-contrast .project-handle a { color: rgba(255,255,255,0.75) !important; }