/* Scoped Light Theme (White Frost) */

body.theme-light {
  --glass-bg-dark: rgba(245, 245, 245, 0.78);
  --glass-bg-medium: rgba(245, 245, 245, 0.52);
  --glass-bg-light: rgba(245, 245, 245, 0.32);
  --glass-border: rgba(17, 17, 17, 0.18);
  --glass-border-light: rgba(17, 17, 17, 0.12);
  --liquid-edge: rgba(17, 17, 17, 0.18);
  --liquid-highlight: rgba(245, 245, 245, 0.58);
  --liquid-shadow-soft: 0 10px 28px rgba(17, 17, 17, 0.1);
  --liquid-shadow-deep: 0 18px 36px rgba(17, 17, 17, 0.14);
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

body.theme-light .nav,
body.theme-light .nav--scrolled {
  background:
    linear-gradient(
      140deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(245, 245, 245, 0.7) 46%,
      rgba(168, 168, 168, 0.3) 100%
    ),
    radial-gradient(
      120% 160% at 12% -40%,
      rgba(255, 255, 255, 0.62) 0%,
      rgba(255, 255, 255, 0) 58%
    );
  box-shadow:
    0 10px 28px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    inset 0 -1px 0 rgba(17, 17, 17, 0.06);
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  body.theme-light .nav,
  body.theme-light .nav--scrolled {
    backdrop-filter: blur(calc(var(--blur-xl) + 4px)) saturate(132%);
    -webkit-backdrop-filter: blur(calc(var(--blur-xl) + 4px)) saturate(132%);
  }
}

body.theme-light .nav__link,
body.theme-light .nav__toggle,
body.theme-light .nav__toggle-icon,
body.theme-light .nav__toggle-icon::before,
body.theme-light .nav__toggle-icon::after,
body.theme-light .theme-toggle {
  color: var(--color-primary-dark);
}

body.theme-light .nav__toggle-icon,
body.theme-light .nav__toggle-icon::before,
body.theme-light .nav__toggle-icon::after {
  background: var(--color-primary-dark);
}

body.theme-light .nav__logo-orbit {
  z-index: 0;
  border: 1px solid rgba(245, 245, 245, 0.2);
  background: linear-gradient(
    150deg,
    rgba(38, 38, 38, 0.92) 0%,
    rgba(17, 17, 17, 0.96) 58%,
    rgba(38, 38, 38, 0.9) 100%
  );
  box-shadow:
    inset 0 0 0 1px rgba(245, 245, 245, 0.08),
    0 0 16px rgba(17, 17, 17, 0.34);
}

body.theme-light .nav__logo-icon {
  position: relative;
  z-index: 1;
}

body.theme-light .nav__link:hover {
  color: var(--color-primary-dark);
  background: rgba(17, 17, 17, 0.1);
}

body.theme-light .nav__link--active {
  color: var(--color-primary-dark);
  background: rgba(17, 17, 17, 0.14);
}

body.theme-light .nav__link--active::after {
  background: var(--color-primary-dark);
}

body.theme-light .nav__progress {
  background: rgba(17, 17, 17, 0.08);
}

body.theme-light .nav__progress::before {
  background: linear-gradient(
    90deg,
    rgba(17, 17, 17, 0.18) 0%,
    rgba(17, 17, 17, 0.42) 74%,
    rgba(17, 17, 17, 0.7) 100%
  );
  box-shadow: 0 0 12px rgba(17, 17, 17, 0.12);
}

body.theme-light .nav__progress::after {
  background: radial-gradient(
    circle,
    rgba(17, 17, 17, 0.78) 0%,
    rgba(17, 17, 17, 0.36) 42%,
    rgba(17, 17, 17, 0.08) 72%,
    rgba(17, 17, 17, 0) 100%
  );
  box-shadow:
    0 0 12px rgba(17, 17, 17, 0.18),
    0 0 22px rgba(17, 17, 17, 0.08);
}

body.theme-light .timeline::before {
  background:
    linear-gradient(
      180deg,
      rgba(17, 17, 17, 0.18) 0%,
      rgba(92, 92, 92, 0.22) 50%,
      rgba(17, 17, 17, 0.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(17, 17, 17, 0) 0%,
      rgba(17, 17, 17, 0.72) 50%,
      rgba(17, 17, 17, 0) 100%
    );
  background-repeat: no-repeat;
  background-size:
    100% 100%,
    100% 28%;
  background-position:
    center center,
    center 135%;
  opacity: 0.72;
}

body.theme-light .hero {
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(245, 245, 245, 0.96) 46%,
      rgba(245, 245, 245, 0.88) 100%
    );
  color: var(--color-primary-dark);
}

body.theme-light .hero__contrib-grid {
  opacity: 0.34;
  filter: blur(1.8px) grayscale(0.2);
  transform: scale(1.015);
}

body.theme-light .hero::before {
  top: -26%;
  left: -14%;
  width: 46%;
  height: 52%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.78) 0%,
    rgba(245, 245, 245, 0.3) 34%,
    rgba(245, 245, 245, 0) 72%
  );
  filter: blur(calc(var(--blur-xl) + 6px));
  opacity: 0.88;
}

body.theme-light .hero::after {
  right: -8%;
  bottom: -18%;
  width: 52%;
  height: 68%;
  background: radial-gradient(
    circle,
    rgba(168, 168, 168, 0.18) 0%,
    rgba(245, 245, 245, 0.18) 26%,
    rgba(245, 245, 245, 0) 72%
  );
  filter: blur(calc(var(--blur-xl) + 4px));
  opacity: 0.7;
}

body.theme-light .hero__title,
body.theme-light .hero__description,
body.theme-light .hero__subtitle-stage .hero__description {
  color: var(--color-primary-dark);
  text-shadow: none;
}

body.theme-light .hero__greeting {
  color: rgba(38, 38, 38, 0.78);
}

body.theme-light .hero__spark {
  color: rgba(17, 17, 17, 0.72);
}

body.theme-light .hero__subtitle {
  color: rgba(38, 38, 38, 0.86);
  filter: blur(1px);
}

body.theme-light .hero__name {
  background: linear-gradient(
    118deg,
    rgba(17, 17, 17, 0.96) 0%,
    rgba(92, 92, 92, 0.86) 38%,
    rgba(38, 38, 38, 0.98) 72%,
    rgba(17, 17, 17, 0.94) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.34));
  animation: none;
}

body.theme-light .hero__name::after {
  width: 54%;
  height: 76%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.46) 0%,
    rgba(245, 245, 245, 0.2) 38%,
    rgba(245, 245, 245, 0) 76%
  );
  filter: blur(14px);
  opacity: 0.38;
  animation: none;
}

body.theme-light .hero__description--ready {
  opacity: 1;
}

body.theme-light .hero__description--typing::after,
body.theme-light .hero__description--typing-complete::after {
  background: rgba(17, 17, 17, 0.88);
}

body.theme-light .hero__cta .btn--primary,
body.theme-light .hero__cta .btn--secondary {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.88) 0%,
    rgba(245, 245, 245, 0.72) 58%,
    rgba(168, 168, 168, 0.28) 100%
  );
  color: var(--color-primary-dark);
  box-shadow:
    0 10px 22px rgba(17, 17, 17, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(17, 17, 17, 0.08);
}

body.theme-light .hero__cta .btn.btn--glass {
  box-shadow:
    0 10px 22px rgba(17, 17, 17, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(17, 17, 17, 0.08);
}

@supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
  body.theme-light .hero__cta .btn--primary.btn--glass,
  body.theme-light .hero__cta .btn--secondary.btn--glass {
    background: linear-gradient(
      155deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(245, 245, 245, 0.68) 60%,
      rgba(168, 168, 168, 0.2) 100%
    );
    backdrop-filter: blur(calc(var(--blur-lg) - 1px)) saturate(118%);
    -webkit-backdrop-filter: blur(calc(var(--blur-lg) - 1px)) saturate(118%);
  }
}

body.theme-light .hero__cta .btn--primary:hover,
body.theme-light .hero__cta .btn--secondary:hover {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(245, 245, 245, 0.8) 58%,
    rgba(168, 168, 168, 0.34) 100%
  );
  color: var(--color-primary-dark);
  box-shadow:
    0 12px 26px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(17, 17, 17, 0.1);
}

body.theme-light .section--dark,
body.theme-light #about,
body.theme-light #skills,
body.theme-light #projects,
body.theme-light #experience,
body.theme-light #research,
body.theme-light #contact,
body.theme-light .footer {
  background: linear-gradient(
    145deg,
    rgba(245, 245, 245, 0.98) 0%,
    rgba(255, 255, 255, 0.94) 52%,
    rgba(245, 245, 245, 0.9) 100%
  );
  color: var(--color-primary-dark);
}

body.theme-light .footer {
  border-top: 1px solid rgba(17, 17, 17, 0.12);
}

body.theme-light .section--dark .section__title,
body.theme-light #about .section__title,
body.theme-light #projects .section__title,
body.theme-light #research .section__title,
body.theme-light #contact .section__title {
  color: var(--color-primary-dark);
}

body.theme-light .about__text p,
body.theme-light .about__education h3,
body.theme-light .timeline-title,
body.theme-light .timeline-company,
body.theme-light .timeline-description,
body.theme-light .timeline-date,
body.theme-light .experience-panel p,
body.theme-light .experience-panel li,
body.theme-light .project-card__title,
body.theme-light .project-card__description,
body.theme-light .project-card__tags .tag,
body.theme-light .research-item__title,
body.theme-light .research-item__authors,
body.theme-light .research-item__venue,
body.theme-light .research-thread__title,
body.theme-light .research-thread__intro,
body.theme-light .research-thread__text,
body.theme-light .skill-category__title,
body.theme-light .contact-intro,
body.theme-light .footer__text {
  color: var(--color-primary-dark);
}

body.theme-light .projects-tier__eyebrow {
  color: rgba(17, 17, 17, 0.58);
}

body.theme-light .projects-tier__marker {
  background: linear-gradient(
    135deg,
    rgba(17, 17, 17, 0.88) 0%,
    rgba(38, 38, 38, 0.72) 100%
  );
  box-shadow:
    0 0 10px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(245, 245, 245, 0.14);
}

body.theme-light .projects-tier__marker::before {
  background: rgba(245, 245, 245, 0.84);
}

body.theme-light .projects-tier__marker::after {
  border-color: rgba(17, 17, 17, 0.16);
}

body.theme-light .section-bookmark__icon {
  background: linear-gradient(
    180deg,
    rgba(17, 17, 17, 0.9) 0%,
    rgba(38, 38, 38, 0.74) 100%
  );
  box-shadow:
    0 0 10px rgba(17, 17, 17, 0.12),
    inset 0 1px 0 rgba(245, 245, 245, 0.12);
}

body.theme-light .section-bookmark__icon::after {
  background: radial-gradient(
    circle at 50% 30%,
    rgba(17, 17, 17, 0.22) 0%,
    rgba(17, 17, 17, 0) 72%
  );
}

body.theme-light .projects-mobile-reveal__button {
  color: var(--color-primary-dark);
  border-color: rgba(17, 17, 17, 0.12);
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(245, 245, 245, 0.66) 52%,
    rgba(168, 168, 168, 0.22) 100%
  );
  box-shadow:
    0 10px 22px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .projects-mobile-reveal__button:hover,
body.theme-light .projects-mobile-reveal__button:focus-visible {
  color: var(--color-primary-dark);
  border-color: rgba(17, 17, 17, 0.2);
}

body.theme-light .projects-mobile-reveal__arrows {
  color: rgba(17, 17, 17, 0.82);
}

body.theme-light .projects-mobile-filters__list {
  border-color: rgba(17, 17, 17, 0.12);
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(245, 245, 245, 0.66) 52%,
    rgba(168, 168, 168, 0.22) 100%
  );
  box-shadow:
    0 10px 22px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .projects-mobile-filter {
  color: rgba(17, 17, 17, 0.64);
}

body.theme-light .projects-mobile-filter__check {
  border-color: rgba(17, 17, 17, 0.28);
  background: rgba(245, 245, 245, 0.58);
}

body.theme-light .projects-mobile-filter__check::before {
  border-color: rgba(17, 17, 17, 0.18);
}

body.theme-light .projects-mobile-filter__check::after {
  border-color: var(--color-primary-dark);
}

body.theme-light .projects-mobile-filter:hover,
body.theme-light .projects-mobile-filter:focus-visible,
body.theme-light .projects-mobile-filter[aria-pressed="true"] {
  color: var(--color-primary-dark);
  border-color: rgba(17, 17, 17, 0.16);
}

body.theme-light .projects-mobile-filter[aria-pressed="true"] {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(245, 245, 245, 0.74) 46%,
    rgba(168, 168, 168, 0.22) 100%
  );
}

body.theme-light .projects-mobile-filter[aria-pressed="true"] .projects-mobile-filter__check {
  border-color: rgba(17, 17, 17, 0.42);
  background: rgba(168, 168, 168, 0.22);
  box-shadow:
    0 0 0 3px rgba(17, 17, 17, 0.06),
    0 0 12px rgba(17, 17, 17, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.54);
}

body.theme-light .projects-tabs.is-enhanced .projects-tabs__rail {
  border-color: rgba(17, 17, 17, 0.1);
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.84) 0%,
    rgba(245, 245, 245, 0.66) 52%,
    rgba(168, 168, 168, 0.24) 100%
  );
  box-shadow:
    0 12px 26px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .projects-tabs__tab {
  color: rgba(17, 17, 17, 0.64);
}

body.theme-light .projects-tabs__tab:hover,
body.theme-light .projects-tabs__tab:focus-visible {
  color: var(--color-primary-dark);
  border-color: rgba(17, 17, 17, 0.14);
}

body.theme-light .projects-tabs__tab[aria-selected="true"] {
  color: var(--color-primary-dark);
  border-color: rgba(17, 17, 17, 0.16);
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(245, 245, 245, 0.74) 46%,
    rgba(168, 168, 168, 0.22) 100%
  );
  box-shadow:
    0 8px 18px rgba(17, 17, 17, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

body.theme-light .about__link {
  color: inherit;
  text-decoration-color: rgba(17, 17, 17, 0.42);
}

body.theme-light .about__link:hover,
body.theme-light .about__link:focus-visible {
  color: var(--color-primary-dark);
  text-decoration-color: rgba(17, 17, 17, 0.72);
}

body.theme-light #about .education-item {
  background: linear-gradient(
    160deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(245, 245, 245, 0.74) 34%,
    rgba(168, 168, 168, 0.24) 100%
  );
  border: 1px solid rgba(17, 17, 17, 0.14);
  box-shadow:
    0 10px 22px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light #about .education-item h4,
body.theme-light #about .education-degree,
body.theme-light #about .education-date,
body.theme-light #about .education-details {
  color: var(--color-primary-dark);
}

body.theme-light .card--glass,
body.theme-light .card--glass-dark,
body.theme-light .project-card.card--glass,
body.theme-light .research-item.card--glass,
body.theme-light .research-thread.card--glass {
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(245, 245, 245, 0.62) 55%,
    rgba(168, 168, 168, 0.26) 100%
  );
  border: 1px solid rgba(17, 17, 17, 0.14);
  box-shadow:
    0 10px 24px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.theme-light .project-card--featured-primary.card--glass {
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.88) 0%,
    rgba(245, 245, 245, 0.68) 42%,
    rgba(168, 168, 168, 0.28) 100%
  );
}

/* Dark cursor-follow glow in light mode for Experience + Projects cards */
body.theme-light #experience .card--glass::before,
body.theme-light .project-card.card--glass::before {
  background:
    radial-gradient(
      circle at var(--liquid-pointer-x) var(--liquid-pointer-y),
      rgba(17, 17, 17, calc(var(--liquid-pointer-o) * 0.78)) 0%,
      rgba(17, 17, 17, calc(var(--liquid-pointer-o) * 0.28)) 30%,
      rgba(17, 17, 17, 0) 66%
    ),
    linear-gradient(
      180deg,
      rgba(17, 17, 17, 0.08) 0%,
      rgba(17, 17, 17, 0) 42%
    );
}

body.theme-light #skills .skill-category.card--glass {
  background: transparent;
  border: none;
  box-shadow: none;
}

body.theme-light #skills .skill-category::after {
  background: linear-gradient(
    90deg,
    rgba(17, 17, 17, 0.78) 0%,
    rgba(17, 17, 17, 0.62) 11%,
    rgba(17, 17, 17, 0.16) 24%,
    rgba(17, 17, 17, 0.16) 76%,
    rgba(17, 17, 17, 0.62) 89%,
    rgba(17, 17, 17, 0.78) 100%
  );
}

body.theme-light .skill-item {
  color: var(--color-primary-light);
  background: linear-gradient(
    150deg,
    rgba(38, 38, 38, 0.92) 0%,
    rgba(17, 17, 17, 0.94) 58%,
    rgba(38, 38, 38, 0.88) 100%
  );
  border: 1px solid rgba(245, 245, 245, 0.24);
  box-shadow:
    0 8px 18px rgba(17, 17, 17, 0.26),
    inset 0 1px 0 rgba(245, 245, 245, 0.12);
}

body.theme-light .skill-item:hover {
  color: var(--color-primary-light);
  background: linear-gradient(
    150deg,
    rgba(38, 38, 38, 0.96) 0%,
    rgba(17, 17, 17, 0.98) 58%,
    rgba(38, 38, 38, 0.92) 100%
  );
}

body.theme-light .btn--primary.btn--glass,
body.theme-light .btn--secondary.btn--glass,
body.theme-light .research-item__link,
body.theme-light .contact-icon-link {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.86) 0%,
    rgba(245, 245, 245, 0.64) 58%,
    rgba(168, 168, 168, 0.3) 100%
  );
  color: var(--color-primary-dark);
  border: 1px solid rgba(17, 17, 17, 0.16);
  box-shadow:
    0 8px 18px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .btn--primary.btn--glass:hover,
body.theme-light .btn--secondary.btn--glass:hover,
body.theme-light .research-item__link:hover,
body.theme-light .contact-icon-link:hover {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(245, 245, 245, 0.72) 58%,
    rgba(168, 168, 168, 0.36) 100%
  );
  color: var(--color-primary-dark);
}

body.theme-light .experience-disclosure {
  background: linear-gradient(
    150deg,
    rgba(255, 255, 255, 0.86) 0%,
    rgba(245, 245, 245, 0.64) 58%,
    rgba(168, 168, 168, 0.3) 100%
  );
  border: 1px solid rgba(17, 17, 17, 0.16);
  box-shadow:
    0 8px 18px rgba(17, 17, 17, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body.theme-light .experience-toggle,
body.theme-light .experience-toggle:hover {
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.76) 0%,
    rgba(245, 245, 245, 0.54) 56%,
    rgba(168, 168, 168, 0.28) 100%
  );
  border: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(17, 17, 17, 0.08),
    0 6px 14px rgba(17, 17, 17, 0.08);
  color: var(--color-primary-dark);
}

body.theme-light .experience-panel {
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.82) 0%,
    rgba(245, 245, 245, 0.92) 56%,
    rgba(168, 168, 168, 0.22) 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 10px 24px rgba(17, 17, 17, 0.08);
}

body.theme-light .project-card__links .btn {
  background: linear-gradient(
    155deg,
    rgba(38, 38, 38, 0.94) 0%,
    rgba(17, 17, 17, 0.96) 56%,
    rgba(38, 38, 38, 0.9) 100%
  );
  color: var(--color-primary-light);
  border: 1px solid rgba(245, 245, 245, 0.22);
  box-shadow:
    0 10px 20px rgba(17, 17, 17, 0.26),
    inset 0 1px 0 rgba(245, 245, 245, 0.14);
}

body.theme-light .project-card__links .btn:hover {
  background: linear-gradient(
    155deg,
    rgba(38, 38, 38, 0.98) 0%,
    rgba(17, 17, 17, 1) 56%,
    rgba(38, 38, 38, 0.94) 100%
  );
  color: var(--color-primary-light);
  border-color: rgba(245, 245, 245, 0.28);
}

body.theme-light .research-thread__item {
  border-color: rgba(17, 17, 17, 0.1);
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.72) 0%,
    rgba(245, 245, 245, 0.5) 42%,
    rgba(168, 168, 168, 0.16) 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 8px 18px rgba(17, 17, 17, 0.08);
}

body.theme-light .research-thread__node {
  border-color: rgba(168, 168, 168, 0.82);
  border-top-color: rgba(17, 17, 17, 0.88);
  border-right-color: rgba(17, 17, 17, 0.32);
  background: radial-gradient(
    circle at 50% 50%,
    rgba(17, 17, 17, 0.08) 0%,
    rgba(17, 17, 17, 0.02) 52%,
    rgba(17, 17, 17, 0) 100%
  );
  box-shadow:
    0 0 0 1px rgba(17, 17, 17, 0.14),
    0 0 12px rgba(17, 17, 17, 0.12);
}

html.perf-lite body.theme-light .research-thread__node {
  border-color: rgba(17, 17, 17, 0.32);
  background: radial-gradient(
    circle,
    rgba(17, 17, 17, 0.44) 0%,
    rgba(17, 17, 17, 0.18) 42%,
    rgba(168, 168, 168, 0.08) 72%,
    rgba(17, 17, 17, 0) 100%
  );
  box-shadow:
    0 0 0 1px rgba(17, 17, 17, 0.08),
    0 0 10px rgba(17, 17, 17, 0.08);
}

body.theme-light .contact-icon-link span {
  color: var(--color-primary-dark);
}

body.theme-light .contact-icon-link__meta {
  color: rgba(38, 38, 38, 0.68);
}

body.theme-light .contact-intro {
  color: rgba(38, 38, 38, 0.84);
}

body.theme-light .contact-footer-text {
  color: rgba(38, 38, 38, 0.64);
}

@media (min-width: 1024px) {
  body.theme-light .contact-intro {
    border-right-color: rgba(17, 17, 17, 0.1);
  }

  body.theme-light .contact-icon-link--icon-only {
    background: transparent;
    box-shadow: none;
  }
}

body.theme-light .section--dark::before,
body.theme-light #about::before,
body.theme-light #skills::before,
body.theme-light #projects::before,
body.theme-light #research::before,
body.theme-light #experience::before,
body.theme-light #contact::before {
  background: linear-gradient(
    90deg,
    rgba(17, 17, 17, 0) 0%,
    rgba(168, 168, 168, 0.22) 22%,
    rgba(17, 17, 17, 0.42) 50%,
    rgba(168, 168, 168, 0.22) 78%,
    rgba(17, 17, 17, 0) 100%
  );
  box-shadow:
    0 0 8px rgba(17, 17, 17, 0.08),
    0 0 16px rgba(168, 168, 168, 0.08);
}

body.theme-light .contact__rain {
  opacity: 0.24;
  filter: none;
}

body.theme-light #contact::after {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.18) 0%,
    rgba(245, 245, 245, 0.28) 38%,
    rgba(245, 245, 245, 0.38) 100%
  );
}

@media (max-width: 767px) {
  body.theme-light .nav {
    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.84) 0%,
        rgba(245, 245, 245, 0.72) 56%,
        rgba(168, 168, 168, 0.3) 100%
      );
  }

  html.perf-lite body.theme-light .nav,
  html.perf-lite body.theme-light .nav--scrolled {
    background:
      linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.98) 0%,
        rgba(245, 245, 245, 0.96) 54%,
        rgba(168, 168, 168, 0.46) 100%
      );
    box-shadow:
      0 12px 28px rgba(17, 17, 17, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      inset 0 -1px 0 rgba(17, 17, 17, 0.08);
  }

  body.theme-light .nav__menu {
    background: linear-gradient(
      152deg,
      rgba(255, 255, 255, 0.92) 0%,
      rgba(245, 245, 245, 0.78) 54%,
      rgba(168, 168, 168, 0.3) 100%
    );
    border: 1px solid rgba(17, 17, 17, 0.14);
  }

  body.theme-light .nav__menu .nav__link {
    color: var(--color-primary-dark);
    border-color: rgba(17, 17, 17, 0.2);
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(245, 245, 245, 0.68) 100%
    );
    box-shadow:
      0 8px 18px rgba(17, 17, 17, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  body.theme-light .nav__menu .nav__link:hover,
  body.theme-light .nav__menu .nav__link:focus {
    border-color: rgba(17, 17, 17, 0.28);
    background: linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.9) 0%,
      rgba(245, 245, 245, 0.78) 100%
    );
  }
}