/* GOOMER HOUSE: Light theme readability overrides (injected on static export) */

html:not(.dark) {
  --foreground: #120d07;
  --muted-gray: #4a443c;
  --muted-foreground: #4a443c;
  --section-foreground: #120d07;
  --section-muted: rgba(18, 13, 7, 0.72);
  --section-border: rgba(18, 13, 7, 0.1);
  --hero-overlay: rgba(255, 255, 255, 0.48);
  --hero-gradient-from: rgba(255, 255, 255, 0.88);
  --hero-gradient-via: rgba(255, 255, 255, 0.52);
  --hero-gradient-bottom: rgba(255, 255, 255, 0.86);
  --hero-text: #120d07;
  --hero-text-muted: rgba(18, 13, 7, 0.82);
  --hero-card-panel-bg: rgba(255, 255, 255, 0.82);
  --hero-card-border: rgba(255, 255, 255, 0.55);
}

html:not(.dark) .text-muted-gray {
  color: var(--muted-gray) !important;
}

html:not(.dark) .text-muted-foreground {
  color: var(--muted-foreground) !important;
}

html:not(.dark) .text-section-muted {
  color: var(--section-muted) !important;
}

/* Tailwind opacity utilities — stronger contrast in light mode */
html:not(.dark) .text-foreground\/35 {
  color: color-mix(in oklab, var(--foreground) 55%, transparent) !important;
}

html:not(.dark) .text-foreground\/55 {
  color: color-mix(in oklab, var(--foreground) 72%, transparent) !important;
}

html:not(.dark) .text-foreground\/60 {
  color: color-mix(in oklab, var(--foreground) 76%, transparent) !important;
}

html:not(.dark) .text-foreground\/65 {
  color: color-mix(in oklab, var(--foreground) 82%, transparent) !important;
}

html:not(.dark) .text-foreground\/80 {
  color: color-mix(in oklab, var(--foreground) 92%, transparent) !important;
}

html:not(.dark) .placeholder\:text-muted-foreground::placeholder {
  color: var(--muted-foreground) !important;
  opacity: 1;
}

/* Hero: ensure subtitle / secondary CTA stay readable over bright video */
html:not(.dark) .hero-overlay-base {
  background: var(--hero-overlay);
}

html:not(.dark) .hero-overlay-side {
  background: linear-gradient(
    to right,
    var(--hero-gradient-from),
    var(--hero-gradient-via),
    var(--hero-gradient-to)
  );
}

html:not(.dark) .hero-overlay-bottom {
  background: linear-gradient(
    to top,
    var(--hero-gradient-bottom),
    transparent,
    color-mix(in srgb, var(--hero-gradient-bottom) 35%, transparent)
  );
}

/* Theme toggle — desktop only */
@media (max-width: 1023px) {
  .goomer-theme-toggle,
  header.fixed button[aria-label*="тему"] {
    display: none !important;
  }
}