/* ==========================================================================
   MOTYW BPMRIDERS. Nakladka na tokeny master-styl.css wg Brand Book v2.0
   (APF Advisory, 2025): Ciemne Wino #870C1D, Sloneczna Glina #D2A154,
   Kwiecisty Bialy #FBF8F2, Kamien Onyks #141414, Szary #494949.
   Kroje: Host Grotesk (naglowki), DM Sans (tekst), z paczki, nie z sieci.

   Wartosci w OKLCH policzone z heksow brandbooka, nie dobrane na oko.
   Nic tutaj nie dotyka komponentow: motyw zmienia wylacznie tokeny,
   wiec kazdy klient dostaje swoja paleta ta sama droga.
   ========================================================================== */

@import url("fonty/fonty.css?v=202609051349");

[data-marka="bpmriders"] {
  /* barwa marki: wino. Jasnosc glowna 40%, bo takie jest wino; token
     --marka w master-styl zakladal 62% i dla tej barwy dalby czerwien. */
  --marka-barwa: 22.4;
  --marka: oklch(39.9% .153 var(--marka-barwa));
  --marka-ciemna: oklch(32% .13 var(--marka-barwa));
  --marka-mgla: oklch(96.5% .016 var(--marka-barwa));

  /* drugi kolor brandbooka, Sloneczna Glina, jako ostrzezenie i akcent */
  --ostrzezenie: oklch(58% .10 78);
  --ostrzezenie-mgla: oklch(96% .03 78);

  /* tla: Kwiecisty Bialy jako papier, karta o wlos jasniejsza */
  --papier: oklch(97.9% .008 85);
  --plyta: oklch(99.3% .003 85);
  --plyta-2: oklch(96.2% .010 85);
  --pole-tlo: oklch(99.3% .003 85);
  --pole-tlo-wylaczone: oklch(96.2% .010 85);

  /* atrament: Kamien Onyks i Szary */
  --atrament: oklch(17.8% 0 0);
  --atrament-2: oklch(39% 0 0);
  --atrament-3: oklch(58% 0 0);
  --atrament-jednostka: oklch(58% 0 0);

  --kreska: oklch(91% .010 85);
  --kreska-2: oklch(84% .012 85);
  --pole-kreska: oklch(84% .012 85);
  --pole-kreska-mocna: oklch(70% .014 85);

  /* kroje: brandbook stawia Host Grotesk w naglowkach, DM Sans w tekscie */
  --ui: "DM Sans", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --naglowkowy: "Host Grotesk", "DM Sans", "Segoe UI", system-ui, sans-serif;
  --tekst-tytul: 700 20px/1.2 var(--naglowkowy);
  --tekst-naglowek: 700 17px/1.25 var(--naglowkowy);

  /* brandbook ma przyciski i plakietki o ostrych krawedziach */
  --promien-1: 2px;
  --promien-2: 4px;
}

/* znak w menu: BPM w winie, RIDERS w onyksie, dopisek w szarym */
[data-marka="bpmriders"] .k-menu-marka-slowo { font: 800 22px/1.05 var(--naglowkowy);
  letter-spacing: -0.03em; }
[data-marka="bpmriders"] .k-menu-marka-nazwa { font-weight: 500; }
[data-marka="bpmriders"] .k-menu-marka-dopisek { font: 600 9.5px/1.4 var(--ui);
  letter-spacing: 0.14em; }

/* znak na karcie logowania: ten sam sklad, wiekszy */
.a-znak-marki { display: grid; gap: 4px; }
.a-znak-marki-slowo { font: 800 30px/1.05 var(--naglowkowy, var(--ui)); letter-spacing: -0.03em; }
.a-znak-marki-akcent { color: var(--marka); }
.a-znak-marki-nazwa { font-weight: 500; color: var(--atrament); }
.a-znak-marki-dopisek { font: 600 10px/1.4 var(--ui); letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--atrament-2); }

/* ciemny: systemowy (bez wymuszonego jasnego) albo wymuszony przelacznikiem */
[data-marka="bpmriders"][data-motyw="ciemny"] {
  --papier: oklch(16% .006 85);
  --plyta: oklch(20% .008 85);
  --plyta-2: oklch(24% .010 85);
  --pole-tlo: oklch(20% .008 85);
  --pole-tlo-wylaczone: oklch(24% .010 85);
  --atrament: oklch(94% .006 85);
  --atrament-2: oklch(72% .006 85);
  --atrament-3: oklch(56% .006 85);
  --kreska: oklch(29% .010 85);
  --kreska-2: oklch(37% .012 85);
  --pole-kreska: oklch(37% .012 85);
  --marka: oklch(66% .16 var(--marka-barwa));
  --marka-ciemna: oklch(56% .15 var(--marka-barwa));
  --marka-mgla: oklch(27% .05 var(--marka-barwa));
}
@media (prefers-color-scheme: dark) {
  [data-marka="bpmriders"]:not([data-motyw="jasny"]) {
    --papier: oklch(16% .006 85);
    --plyta: oklch(20% .008 85);
    --plyta-2: oklch(24% .010 85);
    --pole-tlo: oklch(20% .008 85);
    --pole-tlo-wylaczone: oklch(24% .010 85);
    --atrament: oklch(94% .006 85);
    --atrament-2: oklch(72% .006 85);
    --atrament-3: oklch(56% .006 85);
    --kreska: oklch(29% .010 85);
    --kreska-2: oklch(37% .012 85);
    --pole-kreska: oklch(37% .012 85);
    --marka: oklch(66% .16 var(--marka-barwa));
    --marka-ciemna: oklch(56% .15 var(--marka-barwa));
    --marka-mgla: oklch(27% .05 var(--marka-barwa));
  }
}