/* =========================================================================
   Re-volta v3 – tryb ciemny (PALETA ROBOCZA – decyzja o docelowej odłożona)

   Nadpisuje wyłącznie role. Zasady:
   - te same odcienie co w trybie jasnym, odwrócone jasności; tła ciepłe, „czekoladowe”;
   - akcent jaśniejszy (tekst L≈72%), żeby linki i ceny miały kontrast na ciemnym tle;
   - tekst stonowany (L≈86%, bez czystej bieli także na przyciskach i w toperze);
   - zamiast cieni: jaśniejsza powierzchnia + ramka + delikatne światło na górnej krawędzi;
   - zdjęcia i złote CTA bez zmian; czerwień plakietek TOP / Video przygaszona (pełna na ciemnym tle krzyczy);
   - ujemny GRAD kompensuje pozorne pogrubienie jasnego tekstu na ciemnym tle.

   Włączany atrybutem data-theme="dark" (na <html> albo na fragmencie strony).
   Tryb „auto” rozstrzyga skrypt w _rv3/head.tpl (prefers-color-scheme → data-theme),
   dzięki temu wartości ciemne są zapisane tylko raz.
   Używany tylko na stronach z przerobioną treścią (html.rv3-tresc).
   ========================================================================= */

[data-theme="dark"] {
  color-scheme: dark;

  /* Jasności ról akcentu */
  --rv3-l-header: 34%;
  --rv3-l-footer-cta: 25%;
  --rv3-l-accent: 50%;
  --rv3-l-accent-hover: 58%;
  --rv3-l-accent-ink: 72%;
  --rv3-l-accent-ink-hover: 80%;
  --rv3-l-accent-soft: 30%;
  --rv3-l-header-2: 80%;
  --rv3-k-accent-soft: 0.4;

  /* Powierzchnie */
  --rv3-page: oklch(18% 0.012 40);
  --rv3-surface: oklch(22.5% 0.013 40);
  --rv3-panel: oklch(22.5% 0.013 40);
  --rv3-panel-border: oklch(32.5% 0.012 45);
  --rv3-field: oklch(20% 0.012 40);
  --rv3-media-a: oklch(29% 0.01 45);
  --rv3-media-b: oklch(26% 0.01 45);
  --rv3-media-ink: oklch(68% 0.01 45);
  --rv3-media-tlo-pion: #000;
  --rv3-map-bg: oklch(26% 0.01 45);
  --rv3-rail: oklch(34% 0.01 45);

  /* Ramki i linie */
  --rv3-border: oklch(36% 0.012 45);
  --rv3-border-card: oklch(32.5% 0.012 45);
  --rv3-divider: oklch(30% 0.01 45);
  --rv3-divider-soft: oklch(27% 0.01 45);
  --rv3-tick: oklch(46% 0.01 45);
  /* Panele i karty: jasna ramka tylko na górze i dole, boki ciemne (czerń na tle panelu) – lekka
     wypukłość, jak połysk na krawędzi. Komponenty: border-inline-color: var(--rv3-ramka-bok, <ramka>),
     więc w trybie jasnym (bez tej zmiennej) ramka zostaje jednolita. */
  --rv3-ramka-bok: oklch(0% 0 0 / 0.3);

  /* Tekst – stonowany: bez czystej bieli, żeby jasne litery nie „świeciły” na ciemnym tle */
  --rv3-text: oklch(86% 0.012 60);
  --rv3-text-2: oklch(77% 0.012 55);
  --rv3-muted: oklch(69% 0.012 50);
  --rv3-subtle: oklch(63% 0.012 50);
  --rv3-faint: oklch(52% 0.01 45);
  --rv3-icon-off: oklch(60% 0.01 45);

  --rv3-overlay: oklch(22% 0.013 40 / 0.82);
  --rv3-overlay-ink: oklch(86% 0.012 60);

  /* Napisy na kolorowych tłach (toper, przyciski, plakietki, stopka) – złamana biel zamiast #fff */
  --rv3-header-ink: oklch(89% 0.012 60);
  --rv3-on-accent: oklch(91% 0.012 60);
  --rv3-badge-ink: oklch(91% 0.012 60);
  --rv3-footer-heading: oklch(86% 0.012 60);
  --rv3-footer-link-hover: oklch(90% 0.012 60);
  --rv3-backdrop: oklch(5% 0 0 / 0.65);

  /* Wyróżnienia – ciemne warianty tych samych odcieni */
  --rv3-promo-bg: oklch(25.5% 0.035 80);
  --rv3-promo-border: oklch(42% 0.06 80);
  --rv3-promo-card-border: oklch(37% 0.045 80);
  --rv3-promo-link: oklch(80% 0.06 80);
  --rv3-badge-top-ramka: oklch(55% 0.16 27);
  --rv3-top-tytul-bg: #000;
  --rv3-badge-video: oklch(47% 0.14 27);
  /* TOP OFERTA – nocny gradient: burgund przechodzący w fiolet (w trybie jasnym pastelowy pomarańcz,
     jednolity kolor); używany tylko jako background karty .rv3-card--featured */
  --rv3-featured-bg: linear-gradient(135deg, oklch(28% 0.075 12) 0%, oklch(25% 0.065 340) 55%, oklch(23.5% 0.07 300) 100%);
  --rv3-featured-border: oklch(43% 0.11 350);

  /* Stopka – ciemniejsza od strony */
  --rv3-footer-bg: oklch(13.5% 0.02 25);
  --rv3-footer-field: oklch(19% 0.02 25);
  --rv3-footer-rule: oklch(23% 0.02 25);

  /* Statusy */
  --rv3-ok: oklch(80% 0.12 150);
  --rv3-ok-bg: oklch(25% 0.04 150);
  --rv3-ok-border: oklch(38% 0.06 150);
  --rv3-error: oklch(78% 0.12 27);
  --rv3-error-bg: oklch(25% 0.045 27);
  --rv3-error-border: oklch(40% 0.08 27);
  --rv3-info: oklch(80% 0.08 245);
  --rv3-info-bg: oklch(25% 0.035 245);
  --rv3-info-border: oklch(38% 0.06 245);
  --rv3-warning: oklch(84% 0.1 80);
  --rv3-warning-bg: oklch(26% 0.04 80);
  --rv3-warning-border: oklch(42% 0.07 80);

  /* Cienie → światło na górnej krawędzi */
  --rv3-shadow-card: inset 0 1px 0 oklch(100% 0 0 / 0.045);
  --rv3-shadow-promo: inset 0 1px 0 oklch(100% 0 0 / 0.05);
  --rv3-shadow-promo-card: inset 0 1px 0 oklch(100% 0 0 / 0.045);
  --rv3-shadow-thumb: 0 1px 3px oklch(0% 0 0 / 0.5);
  --rv3-shadow-pop: 0 0 0 1px oklch(36% 0.012 45), 0 12px 32px oklch(0% 0 0 / 0.5);

  /* Font */
  --rv3-grad: -25;
  --rv3-grad-aktywny: 60;
}