/*
 * TRiNOV fixed shell glass — material pass 03
 * Exact approved pass-01 appearance across macOS, Linux and Windows.
 */

:root {
  --footer-bar-height: 74px;
  --shell-header-surface: rgba(210, 213, 205, 0.1);
  --shell-footer-surface: rgba(210, 213, 205, 0.1);
  --shell-sheen:
    linear-gradient(135deg,
      rgba(255, 255, 255, 0.052) 0%,
      rgba(255, 255, 255, 0.014) 45%,
      rgba(255, 255, 255, 0) 72%);
  --shell-saturation: 1.08;
  --shell-highlight: rgba(255, 255, 255, 0.065);
  --shell-lowlight: rgba(0, 0, 0, 0.08);
  --shell-depth: rgba(0, 0, 0, 0.14);
}

html[data-theme="light"] {
  --shell-header-surface: rgba(255, 255, 255, 0.38);
  --shell-footer-surface: rgba(178, 186, 182, 0.27);
  --shell-sheen:
    linear-gradient(135deg,
      rgba(255, 255, 255, 0.24) 0%,
      rgba(255, 255, 255, 0.065) 45%,
      rgba(255, 255, 255, 0) 72%);
  --shell-saturation: 1.03;
  --shell-highlight: rgba(255, 255, 255, 0.56);
  --shell-lowlight: rgba(20, 27, 23, 0.035);
  --shell-depth: rgba(33, 41, 36, 0.065);
}

.page-scroll {
  top: 0;
  bottom: 0;
  padding-top: var(--shell-scroll-top);
  padding-bottom: var(--footer-bar-height);
  scroll-padding-top: var(--shell-scroll-top);
  scroll-padding-bottom: var(--footer-bar-height);
}

.site-header.glass,
.site-footer.glass {
  z-index: 21;
  background-image: var(--shell-sheen);
  border-color: var(--line);
  backdrop-filter: blur(20px) saturate(var(--shell-saturation));
  -webkit-backdrop-filter: blur(20px) saturate(var(--shell-saturation));
}

.site-header.glass {
  background-color: var(--shell-header-surface);
  box-shadow:
    inset 0 1px 0 var(--shell-highlight),
    inset 0 -1px 0 var(--shell-lowlight),
    0 12px 34px var(--shell-depth);
}

.site-header.glass.scrolled {
  top: 24px;
  background-color: var(--shell-header-surface);
}

.site-footer.glass {
  background-color: var(--shell-footer-surface);
  box-shadow:
    inset 0 1px 0 var(--shell-highlight),
    inset 0 -1px 0 var(--shell-lowlight),
    0 -12px 34px var(--shell-depth);
}

.site-footer > .footer-copyright {
  display: block;
  color: var(--text-secondary, #aeb5b0);
  font-size: 8px;
  font-weight: 450;
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.site-footer > .footer-tagline {
  font-size: 13px;
}

@media (max-width: 900px) {
  .site-footer > .footer-copyright {
    display: block;
  }
}

@media (max-width: 600px) {
  .site-header.glass.scrolled {
    top: 14px;
  }

  .site-footer > .footer-copyright {
    font-size: 7px;
    letter-spacing: 0.06em;
  }
}

@media (max-width: 340px) {
  .site-footer .footer-rights {
    display: none;
  }
}

/*
 * Deliberately no prefers-reduced-transparency override here.
 * Windows must render the same approved live glass as macOS and Linux.
 */