/* ============================================================
   Homepage redesign — dark mode overrides.
   Loaded with data-theme="dark" so the existing switcher in
   custom_stuff.js enables/disables it together with main.dark.css.
   Scoped to body.home-page only.
   ============================================================ */

body.home-page {
  background: #000;
  color: #f0f0f0;
}

/* teal accent, brightened for contrast on black */
body.home-page a {
  color: #4dc3cf;
}
body.home-page a:hover,
body.home-page a:focus {
  color: #7fd7e0;
}
body.home-page a:focus-visible {
  outline-color: #4dc3cf;
}

/* top bar */
body.home-page .home-topbar {
  background: #000;
  border-bottom-color: #2c2c2c;
}
body.home-page .home-brand {
  color: #fff;
}
body.home-page .home-brand:hover {
  color: #4dc3cf;
}
body.home-page .home-nav a {
  color: #c6c6c6;
}
body.home-page .home-nav a:hover,
body.home-page .home-nav a:focus {
  color: #4dc3cf;
}
body.home-page .home-nav .home-lang {
  border-color: #4a4a4a;
  color: #c6c6c6;
}
body.home-page .home-nav .home-lang:hover {
  border-color: #4dc3cf;
  color: #4dc3cf;
}
body.home-page .home-nav .slow_hover > a {
  color: #c6c6c6;
}
body.home-page .home-nav .slow_hover > a:hover,
body.home-page .home-nav .slow_hover > a:focus {
  color: #4dc3cf;
}
body.home-page .home-nav .slow_hover .hover_popup {
  background: #1f1f1f;
  border: 1px solid #5a5a5a;
  box-shadow: 0 8px 24px rgba(0,0,0,.45);
}
body.home-page .home-nav .slow_hover .hover_popup::before {
  border-bottom-color: #5a5a5a;
}

/* hero */
body.home-page .home-eyebrow {
  color: #4dc3cf;
}
body.home-page .home-tagline {
  color: #f0f0f0;
}
body.home-page .home-description {
  color: #b8b8b8;
}
body.home-page .home-btn-primary {
  background: #0e93a2;
  border-color: #0e93a2;
  color: #fff;
}
body.home-page .home-btn-primary:hover,
body.home-page .home-btn-primary:focus {
  background: #12a7b8;
  border-color: #12a7b8;
}
body.home-page .home-btn-secondary {
  color: #4dc3cf;
  border-color: #4dc3cf;
}
body.home-page .home-btn-secondary:hover,
body.home-page .home-btn-secondary:focus {
  background: rgba(77, 195, 207, 0.12);
  color: #7fd7e0;
}
body.home-page .home-browse-all a {
  color: #999;
}
body.home-page .home-browse-all a:hover {
  color: #4dc3cf;
}

/* portrait: same shadow effect, visible against black */
body.home-page .home-photo {
  box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.25);
}

/* sections */
body.home-page .home-section-sub {
  color: #999;
}
body.home-page .home-morework,
body.home-page .home-lists,
body.home-page .home-contact,
body.home-page .home-footerline {
  border-top-color: #2c2c2c;
}

/* selected project cards */
body.home-page .home-project-card img {
  background: #1a1a1a;
}
body.home-page .home-card-title a {
  color: #f0f0f0;
}
body.home-page .home-card-title a:hover,
body.home-page .home-card-title a:focus {
  color: #4dc3cf;
}
body.home-page .home-card-summary {
  color: #b8b8b8;
}
body.home-page .home-card-tagline {
  color: #8a8a8a;
}

/* lists */
body.home-page .home-lists .project-list p {
  color: #aaa;
}

/* note */
body.home-page .home-note {
  color: #999;
  border-left-color: #3a3a3a;
}

/* contact */
body.home-page .home-contact-text p {
  color: #b8b8b8;
}

/* footer line + support links */
body.home-page .home-footerline {
  color: #aaa;
}
body.home-page .home-footerline-links a {
  color: #aaa;
}
body.home-page .home-footerline-links a:hover,
body.home-page .home-footerline-links a:focus {
  color: #4dc3cf;
}
body.home-page .home-support-links a {
  color: #7d7d7d;
}
body.home-page .home-support-links a:hover,
body.home-page .home-support-links a:focus {
  color: #4dc3cf;
}

/* Footer social stacks (Thingiverse, Etsy, GitHub, …): neutral circles, not teal.
   Teal stays for in-content links; these inverted icons need the classic look. */
body.home-page footer .footer-links a {
  color: #c8c8c8;
}
body.home-page footer .footer-links .fa-circle {
  color: #4a4a4a;
}
body.home-page footer .footer-links .fa-inverse,
body.home-page footer .footer-links .thingi {
  color: #f3f3f3;
}
body.home-page footer .footer-links .thingi::before {
  background: #f3f3f3;
}
body.home-page footer .footer-links a:hover .fa-circle,
body.home-page footer .footer-links a:focus .fa-circle {
  color: #4dc3cf;
}