/* =========================================================
PNP_WEBINAR_GLASS_THEMES_TEST_V1
Cel: 4 testowe tryby PRO / Glass UI dla prawego panelu.
Zakres: tylko tokeny CSS. Bez JS, bez HTML, bez logiki.
Domyślnie aktywny: Glass Pearl.
========================================================= */

/* =========================================================
1) GLASS PEARL — jasny, lekki, premium
========================================================= */
:root,
html[data-pnp-glass-theme="pearl"],
body[data-pnp-glass-theme="pearl"] {
  --pnp-glass-rp-accent: #b9922d;
  --pnp-glass-rp-accent-soft: rgba(185, 146, 45, .18);
  --pnp-glass-rp-bg: rgba(247, 251, 255, .68);
  --pnp-glass-rp-bg-strong: rgba(245, 249, 255, .88);
  --pnp-glass-rp-card: rgba(255, 255, 255, .58);
  --pnp-glass-rp-card-hover: rgba(255, 255, 255, .78);
  --pnp-glass-rp-border: rgba(85, 112, 148, .22);
  --pnp-glass-rp-border-strong: rgba(185, 146, 45, .42);
  --pnp-glass-rp-text: rgba(15, 23, 42, .94);
  --pnp-glass-rp-muted: rgba(51, 65, 85, .72);
  --pnp-glass-rp-shadow: 0 24px 70px rgba(15, 23, 42, .13);
  --pnp-glass-rp-radius: 26px;
  --pnp-glass-rp-radius-sm: 18px;
}

/* =========================================================
2) GLASS NAVY — ciemny, granatowy, profesjonalny
========================================================= */
html[data-pnp-glass-theme="navy"],
body[data-pnp-glass-theme="navy"] {
  --pnp-glass-rp-accent: #d6b75a;
  --pnp-glass-rp-accent-soft: rgba(214, 183, 90, .20);
  --pnp-glass-rp-bg: rgba(9, 18, 34, .74);
  --pnp-glass-rp-bg-strong: rgba(12, 24, 44, .88);
  --pnp-glass-rp-card: rgba(255, 255, 255, .075);
  --pnp-glass-rp-card-hover: rgba(255, 255, 255, .125);
  --pnp-glass-rp-border: rgba(255, 255, 255, .13);
  --pnp-glass-rp-border-strong: rgba(214, 183, 90, .42);
  --pnp-glass-rp-text: rgba(255, 255, 255, .94);
  --pnp-glass-rp-muted: rgba(226, 232, 240, .70);
  --pnp-glass-rp-shadow: 0 28px 80px rgba(0, 0, 0, .32);
  --pnp-glass-rp-radius: 26px;
  --pnp-glass-rp-radius-sm: 18px;
}

/* =========================================================
3) GLASS SMOKE — neutralny, grafitowy, nowoczesny
========================================================= */
html[data-pnp-glass-theme="smoke"],
body[data-pnp-glass-theme="smoke"] {
  --pnp-glass-rp-accent: #c8a957;
  --pnp-glass-rp-accent-soft: rgba(200, 169, 87, .17);
  --pnp-glass-rp-bg: rgba(32, 38, 48, .68);
  --pnp-glass-rp-bg-strong: rgba(37, 45, 58, .86);
  --pnp-glass-rp-card: rgba(255, 255, 255, .09);
  --pnp-glass-rp-card-hover: rgba(255, 255, 255, .14);
  --pnp-glass-rp-border: rgba(255, 255, 255, .14);
  --pnp-glass-rp-border-strong: rgba(200, 169, 87, .38);
  --pnp-glass-rp-text: rgba(248, 250, 252, .94);
  --pnp-glass-rp-muted: rgba(226, 232, 240, .68);
  --pnp-glass-rp-shadow: 0 26px 76px rgba(0, 0, 0, .26);
  --pnp-glass-rp-radius: 26px;
  --pnp-glass-rp-radius-sm: 18px;
}

/* =========================================================
4) GLASS SAND — ciepły, złoty, luksusowy
========================================================= */
html[data-pnp-glass-theme="sand"],
body[data-pnp-glass-theme="sand"] {
  --pnp-glass-rp-accent: #ad7d22;
  --pnp-glass-rp-accent-soft: rgba(173, 125, 34, .18);
  --pnp-glass-rp-bg: rgba(255, 248, 235, .70);
  --pnp-glass-rp-bg-strong: rgba(255, 246, 226, .88);
  --pnp-glass-rp-card: rgba(255, 255, 255, .54);
  --pnp-glass-rp-card-hover: rgba(255, 255, 255, .76);
  --pnp-glass-rp-border: rgba(133, 92, 35, .20);
  --pnp-glass-rp-border-strong: rgba(173, 125, 34, .40);
  --pnp-glass-rp-text: rgba(41, 32, 20, .94);
  --pnp-glass-rp-muted: rgba(87, 69, 45, .72);
  --pnp-glass-rp-shadow: 0 24px 70px rgba(92, 64, 24, .15);
  --pnp-glass-rp-radius: 26px;
  --pnp-glass-rp-radius-sm: 18px;
}

/* Mocniejsze przejęcie starego day/night dla prawego panelu */
@media (min-width: 901px) {
  .pnp-panel {
    color: var(--pnp-glass-rp-text) !important;
  }

  .pnp-panel__tab,
  .pnp-panel__close,
  .pnp-chat__system,
  .pnp-questions__empty,
  .pnp-hand-panel__empty,
  .pnp-people__role {
    color: var(--pnp-glass-rp-muted) !important;
  }

  .pnp-panel__tab.is-active {
    color: color-mix(in srgb, var(--pnp-glass-rp-accent) 20%, #ffffff 80%) !important;
  }
}

/* /PNP_WEBINAR_GLASS_THEMES_TEST_V1 */