/* Full-page glass material studies for the holding-page comparison. */

body[class*="glass-theme-"] :is(
  .c2-plate__body,
  .c2-about__claim,
  .c2-cover__card,
  #suppliers .c2-tile__body,
  #contact .c2-scene__panel
) {
  color: var(--unified-glass-text);
  border-color: var(--unified-glass-border);
  background: var(--unified-glass-background);
  -webkit-backdrop-filter: blur(26px) saturate(1.18) brightness(var(--unified-glass-brightness));
  backdrop-filter: blur(26px) saturate(1.18) brightness(var(--unified-glass-brightness));
  box-shadow: var(--unified-glass-shadow), inset 0 1px 0 var(--unified-glass-highlight);
}

body[class*="glass-theme-"] :is(
  .c2-plate__body,
  .c2-about__claim,
  .c2-cover__card,
  #suppliers .c2-tile__body,
  #contact .c2-scene__panel
) :is(h2, h3, p:not(.eyebrow), a) {
  color: var(--unified-glass-text);
}

body[class*="glass-theme-"] :is(
  .c2-about__claim,
  .c2-cover__card,
  #suppliers .c2-tile__body
) :is(.tint, .tint-ink) {
  color: var(--unified-glass-accent);
}

body[class*="glass-theme-"] :is(
  .c2-plate__body,
  .c2-about__claim,
  .c2-cover__card,
  #suppliers .c2-tile__body,
  #contact .c2-scene__panel
) .eyebrow,
body[class*="glass-theme-"] .c2-plate__role {
  color: var(--rust-light);
}

body[class*="glass-theme-"] #contact .c2-contact-head {
  border-color: var(--unified-glass-rule);
}

body[class*="glass-theme-"] #contact .c2-field > span {
  color: var(--unified-glass-text);
}

body[class*="glass-theme-"] #contact :is(input, select, textarea) {
  color: var(--unified-glass-text);
  -webkit-text-fill-color: var(--unified-glass-text);
  border-color: var(--unified-field-border);
  background-color: var(--unified-field-background);
}

body[class*="glass-theme-"] #contact .c2-form-note {
  color: var(--unified-glass-muted);
}

/* A — SCF forest glass: brand-led, dark and consistently immersive. */
.glass-theme-green {
  --unified-glass-text: #f5f1e8;
  --unified-glass-muted: rgba(245, 241, 232, 0.72);
  --unified-glass-accent: #a7d5a3;
  --unified-glass-background: linear-gradient(145deg, rgba(8, 33, 8, 0.76), rgba(11, 26, 12, 0.62));
  --unified-glass-border: rgba(245, 241, 232, 0.34);
  --unified-glass-highlight: rgba(245, 241, 232, 0.2);
  --unified-glass-rule: rgba(245, 241, 232, 0.22);
  --unified-glass-shadow: 0 30px 82px -34px rgba(2, 10, 3, 0.9);
  --unified-glass-brightness: 0.78;
  --unified-field-border: rgba(245, 241, 232, 0.28);
  --unified-field-background: rgba(245, 241, 232, 0.07);
}

.glass-theme-green.content-2.home--pillnav.is-compact .masthead-d {
  color: var(--bone);
  border-color: rgba(245, 241, 232, 0.24);
  background: linear-gradient(145deg, rgba(8, 33, 8, 0.86), rgba(9, 25, 10, 0.78));
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  backdrop-filter: blur(24px) saturate(1.15);
}

.glass-theme-green.content-2.home--pillnav.is-compact .primary-nav a,
.glass-theme-green.content-2.home--pillnav.nav-on-light .primary-nav a {
  color: var(--bone);
}

.glass-theme-green #contact .c2-submit {
  color: var(--green);
  background: var(--bone);
  border-color: var(--bone);
}

/* B — clear smoke: low-chroma transparent glass like the supplied reference. */
.glass-theme-smoke {
  --unified-glass-text: #f5f1e8;
  --unified-glass-muted: rgba(245, 241, 232, 0.72);
  --unified-glass-accent: #aed0aa;
  --unified-glass-background: linear-gradient(145deg, rgba(25, 26, 23, 0.66), rgba(15, 17, 15, 0.54));
  --unified-glass-border: rgba(245, 241, 232, 0.3);
  --unified-glass-highlight: rgba(255, 255, 255, 0.15);
  --unified-glass-rule: rgba(245, 241, 232, 0.2);
  --unified-glass-shadow: 0 30px 82px -36px rgba(0, 0, 0, 0.86);
  --unified-glass-brightness: 0.88;
  --unified-field-border: rgba(245, 241, 232, 0.27);
  --unified-field-background: rgba(255, 255, 255, 0.07);
}

.glass-theme-smoke.content-2.home--pillnav.is-compact .masthead-d {
  color: var(--bone);
  border-color: rgba(245, 241, 232, 0.24);
  background: linear-gradient(145deg, rgba(25, 26, 23, 0.82), rgba(15, 17, 15, 0.72));
  -webkit-backdrop-filter: blur(24px) saturate(1.08);
  backdrop-filter: blur(24px) saturate(1.08);
}

.glass-theme-smoke.content-2.home--pillnav.is-compact .primary-nav a,
.glass-theme-smoke.content-2.home--pillnav.nav-on-light .primary-nav a {
  color: var(--bone);
}

.glass-theme-smoke #contact .c2-submit {
  color: var(--green);
  background: var(--bone);
  border-color: var(--bone);
}

/* C — sage glass: a softer mineral-green taken from the supporting palette. */
.glass-theme-sage {
  --unified-glass-text: #f5f1e8;
  --unified-glass-muted: rgba(245, 241, 232, 0.74);
  --unified-glass-accent: #c0d7bd;
  --unified-glass-background: linear-gradient(145deg, rgba(65, 82, 65, 0.72), rgba(29, 41, 30, 0.59));
  --unified-glass-border: rgba(221, 232, 219, 0.34);
  --unified-glass-highlight: rgba(235, 242, 233, 0.2);
  --unified-glass-rule: rgba(245, 241, 232, 0.22);
  --unified-glass-shadow: 0 30px 82px -36px rgba(5, 15, 6, 0.84);
  --unified-glass-brightness: 0.84;
  --unified-field-border: rgba(245, 241, 232, 0.28);
  --unified-field-background: rgba(245, 241, 232, 0.08);
}

.glass-theme-sage.content-2.home--pillnav.is-compact .masthead-d {
  color: var(--bone);
  border-color: rgba(221, 232, 219, 0.28);
  background: linear-gradient(145deg, rgba(54, 72, 55, 0.86), rgba(25, 38, 27, 0.75));
  -webkit-backdrop-filter: blur(24px) saturate(1.12);
  backdrop-filter: blur(24px) saturate(1.12);
}

.glass-theme-sage.content-2.home--pillnav.is-compact .primary-nav a,
.glass-theme-sage.content-2.home--pillnav.nav-on-light .primary-nav a {
  color: var(--bone);
}

.glass-theme-sage #contact .c2-submit {
  color: var(--green);
  background: var(--bone);
  border-color: var(--bone);
}

@media (prefers-reduced-transparency: reduce) {
  body[class*="glass-theme-"] :is(
    .c2-plate__body,
    .c2-about__claim,
    .c2-cover__card,
    #suppliers .c2-tile__body,
    #contact .c2-scene__panel
  ) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .glass-theme-green {
    --unified-glass-background: #102b12;
  }

  .glass-theme-smoke {
    --unified-glass-background: #22231f;
  }

  .glass-theme-sage {
    --unified-glass-background: #3c4d3d;
  }
}