/* ═══════════════════════════════════════════════════════════════════════════
   RC4U — Tokeny: paleta, typografia, promienie, skos

   Zrodlo: design/makiety/rc4u-redesign.html (blok <style> nr 0).
   Wygenerowane 2026-08-28. Zmiany wprowadzaj TUTAJ — makieta jest juz tylko
   dokumentacja decyzji, nie zrodlem prawdy.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ============================================================
   RC4U — tokeny
   Paleta i typografia Klienta zachowane.
   Skala tonalna dobrana pod WCAG AA (kontrasty policzone).
   ============================================================ */
:root{
  color-scheme:light;          /* natywne kontrolki ida za motywem */
  /* marka */
  --navy-900:#0d1b2a; --navy-800:#132b40; --navy-700:#1b3a56; --navy-600:#24506f;
  --sky-100:#e8f5fd; --sky-200:#c4e7f8; --sky-300:#89cff0; --sky-400:#4fb4e0;
  --sky-500:#1f93c4; --sky-600:#0f6f99; --sky-700:#0b5878;

  /* role — LIGHT (komplet) */
  --bg:#fbfbfb; --bg-alt:#f1f1f1; --bg-sunken:#e7ebee;
  --surface:#ffffff; --surface-2:#f6f8fa;
  --ink:#0d1b2a; --ink-muted:#657280; --ink-inverse:#ffffff;
  --accent:#0f6f99;            /* czytelny akcent 5,41:1 */
  --accent-hover:#0b5878;
  --accent-fill:#89cff0;       /* firmowy błękit jako TŁO */
  --accent-on-fill:#0d1b2a;    /* 10,14:1 */
  --line:#d8dee5; --line-strong:#aab6c2;
  --ok:#1c7a4a; --ok-bg:#e6f4ec; --busy:#c0392b; --busy-bg:#fbeae8;
  /* kalendarz: zakres najmu i podswietlenie dnia */
  --range-bg:#d5ebfa; --range-ink:#0d1b2a; --range-edge:#c4e7f8;
  --shadow:0 1px 2px rgba(13,27,42,.06), 0 8px 24px rgba(13,27,42,.08);
  --shadow-lg:0 2px 4px rgba(13,27,42,.08), 0 20px 48px rgba(13,27,42,.14);
  --logo-filter:brightness(0);  /* białe logo → czarne w light */
  --hero-veil:linear-gradient(180deg, rgba(13,27,42,.78) 0%, rgba(13,27,42,.52) 38%, rgba(13,27,42,.72) 78%, rgba(13,27,42,.92) 100%);

  /* typografia */
  --display:'Bebas Neue', 'Arial Narrow', Impact, sans-serif;
  --body:'Poppins', -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* skos z logo — motyw systemowy */
  --skew:-9deg;

  --r-sm:4px; --r:8px; --r-lg:14px;
  --step:clamp(1rem,.85rem + .75vw,1.5rem);
  --gutter:clamp(1.15rem,.6rem + 2.6vw,3rem);
  --maxw:1240px;
}

/* role — DARK (system, gdy brak jawnego wyboru) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0a1522; --bg-alt:#0d1b2a; --bg-sunken:#07101a;
    --surface:#132b40; --surface-2:#0f2233;
    --ink:#eaf3fa; --ink-muted:#9fb4c6; --ink-inverse:#0d1b2a;
    --accent:#89cff0; --accent-hover:#c4e7f8;
    --accent-fill:#89cff0; --accent-on-fill:#0d1b2a;
    --line:#25405a; --line-strong:#3d5c7a;
    --ok:#4ade80; --ok-bg:#0f2f22; --busy:#ff8b7d; --busy-bg:#331a17;
    --range-bg:#173b55; --range-ink:#eaf3fa; --range-edge:#21546f;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
    --shadow-lg:0 2px 4px rgba(0,0,0,.5), 0 20px 48px rgba(0,0,0,.6);
    --logo-filter:none;
    --hero-veil:linear-gradient(180deg, rgba(6,13,22,.82) 0%, rgba(6,13,22,.58) 38%, rgba(6,13,22,.78) 78%, rgba(6,13,22,.94) 100%);
  }
}

/* role — DARK (jawny wybór) */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a1522; --bg-alt:#0d1b2a; --bg-sunken:#07101a;
  --surface:#132b40; --surface-2:#0f2233;
  --ink:#eaf3fa; --ink-muted:#9fb4c6; --ink-inverse:#0d1b2a;
  --accent:#89cff0; --accent-hover:#c4e7f8;
  --accent-fill:#89cff0; --accent-on-fill:#0d1b2a;
  --line:#25405a; --line-strong:#3d5c7a;
  --ok:#4ade80; --ok-bg:#0f2f22; --busy:#ff8b7d; --busy-bg:#331a17;
  --range-bg:#173b55; --range-ink:#eaf3fa; --range-edge:#21546f;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.45);
  --shadow-lg:0 2px 4px rgba(0,0,0,.5), 0 20px 48px rgba(0,0,0,.6);
  --logo-filter:none;
  --hero-veil:linear-gradient(180deg, rgba(6,13,22,.82) 0%, rgba(6,13,22,.58) 38%, rgba(6,13,22,.78) 78%, rgba(6,13,22,.94) 100%);
}