/* ReadyStockFair 2027 — tokeny wyglądu (W2, 24.10.2026)
   JEDNO źródło kolorów, kroju i odstępów dla: strony (join., visit., główna) ORAZ formularza z Panelu TE.
   Panel TE kopiuje ten plik razem z komponenty.css i fonts/ (formularz stoi w ramce, więc nie dziedziczy CSS strony).
   Zmiana wartości = tu, potem wspólny przebieg do obu miejsc. Kontrasty policzone skryptem (patrz SYSTEM_WYGLADU.md). */

/* Kroje hostowane u nas (bez Google Fonts — RODO). Nazwy rodzin: RSF Serif = Instrument Serif, RSF Sans = Inter. */
@font-face{font-family:"RSF Serif";font-style:normal;font-display:swap;src:url(fonts/is-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"RSF Serif";font-style:normal;font-display:swap;src:url(fonts/is-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"RSF Serif";font-style:italic;font-display:swap;src:url(fonts/is-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"RSF Serif";font-style:italic;font-display:swap;src:url(fonts/is-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"RSF Sans";font-weight:300 700;font-display:swap;src:url(fonts/in-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"RSF Sans";font-weight:300 700;font-display:swap;src:url(fonts/in-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1E9F}

:root{
  /* — powierzchnie ciemne (strona) — */
  --rsf-ink:#050A1C;          /* tło strony */
  --rsf-navy:#0A1330;         /* sekcje naprzemienne, karty ciemne */
  --rsf-navy-2:#101A3D;       /* wypełnienia na granacie (miejsca na zdjęcia, pola ciemne) */
  --rsf-tekst:#E8ECF7;        /* tekst na ciemnym */
  --rsf-tekst-2:#C9CFE6;      /* tekst drugorzędny na ciemnym (≥ 9:1) */
  --rsf-zolty:#FFC21A;        /* akcent i główny przycisk na ciemnym */
  --rsf-zolty-hover:#F2B300;
  --rsf-linia-ciemna:rgba(255,255,255,.14);   /* TYLKO dekoracja — nigdy jedyny znak granicy elementu sterującego */

  /* — powierzchnie jasne (karta formularza, kalkulator) — */
  --rsf-biel:#FFFFFF;
  --rsf-j-tekst:#0A1330;      /* 18,3:1 na bieli */
  --rsf-j-tekst-2:#3A4260;    /* 9,9:1 na bieli */
  --rsf-j-obrys:#6B7497;      /* obrys pól: 4,6:1 na bieli (wymóg 3:1) */
  --rsf-j-linia:#D5DAE8;      /* dekoracyjne linie w karcie */
  --rsf-j-tlo-2:#F4F6FB;      /* wiersze naprzemienne, tło podsumowania */
  --rsf-z-rejestru:#EAF1FF;   /* pole wypełnione z rejestru NIP (zawsze z plakietką „z rejestru”) */

  /* — stany (zawsze: kolor + ikona/słowo, nigdy sam kolor) — */
  --rsf-blad:#B3261E;     --rsf-blad-tlo:#FDECEA;    /* 6,5:1 / 5,7:1 */
  --rsf-ok:#1B6B3A;       --rsf-ok-tlo:#E8F4EC;      /* 6,5:1 / 5,8:1 */
  --rsf-info-tlo:#FFF7DD; --rsf-info-obrys:#8F6A00;  /* nota, ostrzeżenie łagodne; tekst granat */
  --rsf-blad-na-ciemnym:#FF8A80;                     /* 8,0:1 na granacie */

  /* — krój — */
  --rsf-serif:"RSF Serif",Georgia,"Times New Roman",serif;
  --rsf-sans:"RSF Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --rsf-t-h1:clamp(44px,7.5vw,96px);
  --rsf-t-h2:clamp(34px,4.6vw,56px);
  --rsf-t-h3:22px;
  --rsf-t-karta-h:clamp(26px,3vw,34px);   /* nagłówek sekcji formularza (Instrument Serif) */
  --rsf-t-tekst:17px;                      /* tekst strony */
  --rsf-t-pole:16px;                       /* pola formularza: nie mniej niż 16 px (iOS powiększa mniejsze) */
  --rsf-t-mala:14px;
  --rsf-t-kapitalik:13px;                  /* etykiety z rozstrzelonymi wielkimi literami */
  --rsf-lh-tekst:1.6;

  /* — odstępy (skala 4 px) — */
  --rsf-s1:4px; --rsf-s2:8px; --rsf-s3:12px; --rsf-s4:16px; --rsf-s5:24px; --rsf-s6:32px; --rsf-s7:48px; --rsf-s8:64px; --rsf-s9:96px;
  --rsf-sekcja:clamp(56px,8vw,88px);       /* pionowy odstęp sekcji strony */
  --rsf-szer:1160px;                        /* maks. szerokość treści strony */
  --rsf-szer-formularza:1080px;

  /* — kształt — */
  --rsf-r:4px;     /* przyciski, pola, segmenty */
  --rsf-r-karta:0; /* karty i sekcje: ostre krawędzie (charakter drukowanych materiałów) */
  --rsf-cien-karta:0 1px 2px rgba(5,10,28,.12);

  /* — wymiary dotyku i fokus — */
  --rsf-cel:48px;           /* wysokość przycisku i pola; absolutne minimum 44 px */
  --rsf-fokus-ciemny:#FFFFFF;
  --rsf-fokus-jasny:#0A1330;
  --rsf-fokus-grubosc:3px;
}