/* TØRST light mode layer.
   Base requested for launch.torstdrikke.no: #fff8ee.
   Color-only overrides; layout and markup stay unchanged. */

:root.light-mode {
  --black: #fff8ee;
  --dark: #fff2df;
  --surface: #fffaf4;
  --magenta: #d60074;
  --magenta-bright: #f00087;
  --magenta-glow: rgba(214, 0, 116, .24);
  --magenta-dim: rgba(214, 0, 116, .08);
  --cyan: #008fa3;
  --cyan-glow: rgba(0, 143, 163, .18);
  --white: #17110d;
  --silver: #4f433c;
  --muted: #6f5f55;
}

:root.light-mode body {
  background: #fff8ee;
  color: #17110d;
}

:root.light-mode body::after {
  opacity: .025;
  filter: invert(1);
}

:root.light-mode ::selection {
  background: var(--magenta);
  color: #fff8ee;
}

:root.light-mode .cursor-dot {
  mix-blend-mode: multiply;
}

:root.light-mode #particles {
  opacity: .45;
}

:root.light-mode .hex-bg::before {
  opacity: .08;
  filter: invert(1);
}

:root.light-mode .hex-bg::after,
:root.light-mode .hero__bg,
:root.light-mode .iso__visual::before,
:root.light-mode .cta-banner::before {
  opacity: .72;
}

:root.light-mode .topnav,
:root.light-mode .back {
  background: rgba(255, 248, 238, .82);
  border-color: rgba(23, 17, 13, .10);
  box-shadow: 0 10px 30px rgba(53, 35, 24, .05);
}

:root.light-mode .topnav.scrolled {
  background: rgba(255, 248, 238, .96);
}

:root.light-mode .menu-overlay {
  background: rgba(255, 248, 238, .97);
}

:root.light-mode .side-nav__dot,
:root.light-mode .btn-ghost,
:root.light-mode .flavor-card,
:root.light-mode .video__frame,
:root.light-mode .shop-tile,
:root.light-mode .social__link,
:root.light-mode .sp-req,
:root.light-mode .sponsor__form,
:root.light-mode .bar__prod-item,
:root.light-mode .blog-card,
:root.light-mode .press-dl,
:root.light-mode .contact__form,
:root.light-mode .footer__social-icon,
:root.light-mode .tc-panel,
:root.light-mode .product__tag,
:root.light-mode .size-btn,
:root.light-mode .stat,
:root.light-mode .feature,
:root.light-mode .related-card,
:root.light-mode .legal__contact,
:root.light-mode .faq-item,
:root.light-mode .card {
  border-color: rgba(23, 17, 13, .08);
  box-shadow: 0 18px 48px rgba(62, 42, 27, .04);
}

:root.light-mode .flavor-card:hover,
:root.light-mode .shop-tile:hover,
:root.light-mode .social__link:hover,
:root.light-mode .sp-req:hover,
:root.light-mode .blog-card:hover,
:root.light-mode .press-dl:hover,
:root.light-mode .feature:hover,
:root.light-mode .related-card:hover,
:root.light-mode .card:hover {
  border-color: rgba(214, 0, 116, .16);
  box-shadow: 0 18px 42px rgba(62, 42, 27, .07);
}

:root.light-mode .video__frame,
:root.light-mode .bar__img-main,
:root.light-mode .kampanje__img {
  border-color: rgba(23, 17, 13, .08);
  box-shadow: 0 24px 60px rgba(62, 42, 27, .12);
}

:root.light-mode .fi,
:root.light-mode .ft,
:root.light-mode .tc-input {
  background: rgba(23, 17, 13, .04);
  border-color: rgba(214, 0, 116, .16);
  color: var(--white);
}

:root.light-mode .fi::placeholder,
:root.light-mode .ft::placeholder,
:root.light-mode .tc-input::placeholder {
  color: rgba(23, 17, 13, .34);
}

:root.light-mode .product__tagline,
:root.light-mode .product__tag,
:root.light-mode .size-btn:hover,
:root.light-mode .size-btn.active {
  color: var(--accent);
}

:root.light-mode .btn-pulse,
:root.light-mode .promo-banner,
:root.light-mode .kampanje__badge,
:root.light-mode .tc-fab,
:root.light-mode .tc-send,
:root.light-mode .tc-user .tc-bubble {
  color: #fff;
}

:root.light-mode .hero__can img,
:root.light-mode .flavor-card__img,
:root.light-mode .iso__bottle-img,
:root.light-mode .product__hero-img,
:root.light-mode .kampanje__img-wrap img {
  filter: drop-shadow(0 16px 32px rgba(53, 35, 24, .18));
}

:root.light-mode .hero__can:hover img,
:root.light-mode .iso__visual a:hover .iso__bottle-img,
:root.light-mode .product__hero-img:hover {
  filter: drop-shadow(0 20px 40px rgba(53, 35, 24, .16)) drop-shadow(0 0 18px rgba(214, 0, 116, .18));
}

:root.light-mode .kampanje__perk {
  background: rgba(0, 143, 163, .07);
  border-color: rgba(0, 143, 163, .18);
}

:root.light-mode .kampanje__perk:hover {
  background: rgba(0, 143, 163, .11);
  border-color: rgba(0, 143, 163, .30);
}

:root.light-mode .footer__copy,
:root.light-mode .footer__legal a {
  color: rgba(23, 17, 13, .38);
}

:root.light-mode .tc-head,
:root.light-mode .tc-input-row {
  border-color: rgba(214, 0, 116, .18);
}

:root.light-mode .tc-head {
  background: rgba(214, 0, 116, .07);
}

:root.light-mode .tc-bot .tc-bubble {
  background: rgba(214, 0, 116, .08);
}

@media (max-width: 768px) {
  :root.light-mode .topnav {
    background: rgba(255, 248, 238, .88);
  }
}