/* ==========================================================================
   Creast — Bright mode (additive layer; dark mode stays default in :root)
   Activated via html[data-theme="bright"]
   ========================================================================== */

html[data-theme="bright"] {
  --bg: #eaeced;
  --text: #050505;
  --text-muted: rgba(5, 5, 5, 0.68);
  --gray-dark: rgba(5, 5, 5, 0.22);
}

html[data-theme="bright"] .site-header {
  background: linear-gradient(
    to bottom,
    rgba(234, 236, 237, 0.94) 0%,
    rgba(234, 236, 237, 0) 100%
  );
}

html[data-theme="bright"] .hero__subheadline,
html[data-theme="bright"] .editorial-block__lead {
  color: rgb(5, 5, 5);
}

html[data-theme="bright"] .hero__subheadline-em,
html[data-theme="bright"] .hero__body-em,
html[data-theme="bright"] .editorial-block__em,
html[data-theme="bright"] .editorial-block--right .editorial-block__body .editorial-block__em,
html[data-theme="bright"] .case-link.editorial-block__em {
  color: #050505;
}

html[data-theme="bright"] .hero__canvas-label {
  color: rgba(5, 5, 5, 0.18);
}

html[data-theme="bright"] .case-link:focus-visible {
  outline-color: rgba(5, 5, 5, 0.45);
}

@media (max-width: 900px) {
  html[data-theme="bright"] .mobile-nav {
    background: rgba(234, 236, 237, 0.98);
    border-bottom-color: rgba(5, 5, 5, 0.12);
  }

  html[data-theme="bright"] .mobile-nav a {
    border-bottom-color: rgba(5, 5, 5, 0.12);
  }
}

/* Case study modal — light surface on bright theme */
html[data-theme="bright"] .case-modal__backdrop {
  background: rgba(234, 236, 237, 0.88);
}

html[data-theme="bright"] .case-modal__dialog {
  background: #f4f5f6;
  border-color: rgba(5, 5, 5, 0.12);
  box-shadow: 0 24px 80px rgba(5, 5, 5, 0.18);
}

html[data-theme="bright"] .case-modal__close,
html[data-theme="bright"] .case-modal__close:focus-visible {
  border-color: rgba(5, 5, 5, 0.14);
  color: var(--text-muted);
}

html[data-theme="bright"] .case-modal__close:hover,
html[data-theme="bright"] .case-modal__close:focus-visible {
  color: #050505;
  border-color: rgba(5, 5, 5, 0.35);
}

html[data-theme="bright"] .case-modal__title {
  color: #050505;
}

html[data-theme="bright"] .case-modal__media {
  border-color: rgba(5, 5, 5, 0.1);
}

html[data-theme="bright"] .case-modal__body a {
  color: #050505;
}

html[data-theme="bright"] .case-modal__footer,
html[data-theme="bright"] .case-modal__all {
  border-color: rgba(5, 5, 5, 0.1);
  color: #050505;
}

html[data-theme="bright"] .certifications-modal__dialog {
  background: #f4f5f6;
  border-color: rgba(5, 5, 5, 0.12);
}

html[data-theme="bright"] .certifications-modal__em,
html[data-theme="bright"] .certifications-modal__signature {
  color: #050505;
}

html[data-theme="bright"] .certifications-modal__close {
  color: #050505;
  border-color: rgba(5, 5, 5, 0.14);
}

html[data-theme="bright"] .certifications-modal__close:hover,
html[data-theme="bright"] .certifications-modal__close:focus-visible {
  border-color: rgba(5, 5, 5, 0.35);
}

html[data-theme="bright"] .certifications-modal__footer {
  border-color: rgba(5, 5, 5, 0.1);
}