/**
 * Lock dossier colors — prevent OS dark mode / forced-colors from recoloring UI.
 * Load after styles.css and mobile-projects.css.
 */

html.dossier,
body.dossier {
  color-scheme: dark;
}

html.dossier .nav__links a,
html.dossier .projects-filter__btn,
html.dossier .project__view,
html.dossier .btn-ghost,
html.dossier .hire-cta,
html.dossier .hero__showreel-btn,
html.dossier .connect__link,
body.dossier .nav__links a,
body.dossier .projects-filter__btn,
body.dossier .project__view,
body.dossier .btn-ghost,
body.dossier .hire-cta,
body.dossier .hero__showreel-btn,
body.dossier .connect__link,
html.dossier button.project__view,
html.dossier button.projects-filter__btn,
html.dossier button.btn-ghost,
html.dossier button.hero__showreel-btn,
body.dossier button.project__view,
body.dossier button.projects-filter__btn,
body.dossier button.btn-ghost,
body.dossier button.hero__showreel-btn {
  color-scheme: only light;
  color-scheme: light;
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #000000 !important;
  border-color: transparent !important;
}

html.dossier .nav__links a:hover,
html.dossier .nav__links a:focus-visible,
html.dossier .nav__links a.active,
html.dossier .projects-filter__btn:hover,
html.dossier .projects-filter__btn:focus-visible,
html.dossier .projects-filter__btn.is-active,
html.dossier .project__view:hover,
html.dossier .project__view:focus-visible,
html.dossier .btn-ghost:hover,
html.dossier .btn-ghost:focus-visible,
html.dossier .hire-cta:hover,
html.dossier .hire-cta:focus-visible,
html.dossier .hero__showreel-btn:hover,
html.dossier .hero__showreel-btn:focus-visible,
html.dossier .connect__link:hover,
html.dossier .connect__link:focus-visible,
body.dossier .nav__links a:hover,
body.dossier .nav__links a:focus-visible,
body.dossier .nav__links a.active,
body.dossier .projects-filter__btn:hover,
body.dossier .projects-filter__btn:focus-visible,
body.dossier .projects-filter__btn.is-active,
body.dossier .project__view:hover,
body.dossier .project__view:focus-visible,
body.dossier .btn-ghost:hover,
body.dossier .btn-ghost:focus-visible,
body.dossier .hire-cta:hover,
body.dossier .hire-cta:focus-visible,
body.dossier .hero__showreel-btn:hover,
body.dossier .hero__showreel-btn:focus-visible,
body.dossier .connect__link:hover,
body.dossier .connect__link:focus-visible {
  background-color: #ffffff !important;
  color: #000000 !important;
}

html.dossier .nav__links a .pill__text,
html.dossier .projects-filter__btn .pill__text,
html.dossier .project__view .pill__text,
html.dossier .btn-ghost .pill__text,
html.dossier .hire-cta .pill__text,
html.dossier .hero__showreel-btn .pill__text,
html.dossier .connect__link .pill__text,
body.dossier .nav__links a .pill__text,
body.dossier .projects-filter__btn .pill__text,
body.dossier .project__view .pill__text,
body.dossier .btn-ghost .pill__text,
body.dossier .hire-cta .pill__text,
body.dossier .hero__showreel-btn .pill__text,
body.dossier .connect__link .pill__text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

html.dossier .nav__links a:hover .pill__text,
html.dossier .nav__links a:focus-visible .pill__text,
html.dossier .nav__links a.active .pill__text,
html.dossier .projects-filter__btn:hover .pill__text,
html.dossier .projects-filter__btn:focus-visible .pill__text,
html.dossier .projects-filter__btn.is-active .pill__text,
html.dossier .project__view:hover .pill__text,
html.dossier .project__view:focus-visible .pill__text,
html.dossier .btn-ghost:hover .pill__text,
html.dossier .btn-ghost:focus-visible .pill__text,
html.dossier .hire-cta:hover .pill__text,
html.dossier .hire-cta:focus-visible .pill__text,
html.dossier .hero__showreel-btn:hover .pill__text,
html.dossier .hero__showreel-btn:focus-visible .pill__text,
html.dossier .connect__link:hover .pill__text,
html.dossier .connect__link:focus-visible .pill__text,
body.dossier .nav__links a:hover .pill__text,
body.dossier .nav__links a:focus-visible .pill__text,
body.dossier .nav__links a.active .pill__text,
body.dossier .projects-filter__btn:hover .pill__text,
body.dossier .projects-filter__btn:focus-visible .pill__text,
body.dossier .projects-filter__btn.is-active .pill__text,
body.dossier .project__view:hover .pill__text,
body.dossier .project__view:focus-visible .pill__text,
body.dossier .btn-ghost:hover .pill__text,
body.dossier .btn-ghost:focus-visible .pill__text,
body.dossier .hire-cta:hover .pill__text,
body.dossier .hire-cta:focus-visible .pill__text,
body.dossier .hero__showreel-btn:hover .pill__text,
body.dossier .hero__showreel-btn:focus-visible .pill__text,
body.dossier .connect__link:hover .pill__text,
body.dossier .connect__link:focus-visible .pill__text {
  color: var(--highlight) !important;
  -webkit-text-fill-color: var(--highlight) !important;
}

.dossier .nav,
.dossier .nav.nav--scrolled,
.nav,
.nav.nav--scrolled {
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

.dossier .nav::after,
.nav::after {
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

.dossier .nav__brand {
  background-color: #ffffff !important;
}

body.dossier .nav__brand::before {
  background-color: #000000 !important;
}

body.dossier .nav__brand:hover::before,
body.dossier .nav__brand:focus-visible::before {
  background-color: var(--highlight) !important;
}

.dossier .nav__goo,
.dossier .nav__goo-node,
.dossier .nav__goo-bridge {
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

body.dossier .hero__energy,
body.dossier .hero__energy-line {
  forced-color-adjust: none;
  -webkit-forced-color-adjust: none;
}

body.dossier .hero__energy-line {
  background: linear-gradient(180deg, #e8f2ff 0%, rgba(94, 176, 232, 0.55) 100%) !important;
  box-shadow:
    0 0 6px rgba(94, 176, 232, 0.55),
    0 0 14px rgba(110, 196, 255, 0.35),
    0 0 24px rgba(94, 176, 232, 0.2) !important;
  opacity: 0.92 !important;
  filter: none !important;
}

/* Safari / iOS when prefers-color-scheme: dark — same locked palette */
@media (prefers-color-scheme: dark) {
  html.dossier .nav__links a,
  html.dossier .projects-filter__btn,
  html.dossier .project__view,
  html.dossier .btn-ghost,
  html.dossier .hire-cta,
  html.dossier .hero__showreel-btn,
  html.dossier .connect__link,
  body.dossier .nav__links a,
  body.dossier .projects-filter__btn,
  body.dossier .project__view,
  body.dossier .btn-ghost,
  body.dossier .hire-cta,
  body.dossier .hero__showreel-btn,
  body.dossier .connect__link,
  body.dossier button.project__view,
  body.dossier button.projects-filter__btn,
  body.dossier button.btn-ghost,
  body.dossier button.hero__showreel-btn {
    background-color: #ffffff !important;
    color: #000000 !important;
  }

  body.dossier .hero__energy-line {
    background: linear-gradient(180deg, #e8f2ff 0%, rgba(94, 176, 232, 0.55) 100%) !important;
    opacity: 0.92 !important;
    filter: none !important;
  }
}