/*
 * Agrobex Grupa - warstwa marki.
 *
 * Paleta jest wspolna dla calej grupy kapitalowej: akcent, powierzchnie i
 * granaty przychodza z motywu nadrzednego i nie wolno ich tu podmieniac.
 * Spolki rozroznia logo, tresc i fotografia, a nie kolor.
 *
 * Grupa jest landingiem-matka, wiec ma mniej wlasnosci niz spolki - nie ma
 * katalogu, kart oferty ani formularzy zgloszeniowych. Zostaja dwie decyzje
 * przejete z Budowy, bo obie byly ogolnymi poprawkami rytmu, a nie znakiem
 * tamtej marki, oraz jedna wlasna: znak X jako motyw przewodni sekcji.
 *
 * Plik laduje sie po chrome.css.
 */

/*
 * Rytm sekcji na telefonie - te same liczby, co w pozostalych serwisach.
 * Domyslne 30/56/80 zostawialy miedzy sekcjami blisko 100 px pustki, co na
 * ekranie 390 x 844 px jest jednym pikselem na osiem.
 */
@media (max-width: 900px) {
  :root {
    --ax-sec-pad-s: 22px;
    --ax-sec-pad-m: 32px;
    --ax-sec-pad-l: 44px;
    --ax-div-pad-top: 37px;
    --ax-div-pad-bottom: 10px;
    --ax-label-gap: 10px;
  }
}

/*
 * Lamanie naglowkow na desktopie. Naglowki sa dwuczlonowe: czlon prosty i
 * akcent kursywa. Balansowanie linii wyrownuje ich dlugosc, co niemal zawsze
 * pokrywa sie z granica czlonow - bez tego przelamanie wypadalo w polowie
 * akcentu i akcent tracil sile. Wymuszony <br> z pola bloku wygrywa z
 * balansem. Tylko desktop: w waskiej kolumnie balans robi z naglowka schodki.
 */
@media (min-width: 901px) {
  h1.ax-heading,
  h2.ax-heading,
  h3.ax-heading {
    text-wrap: balance;
  }
}

/*
 * Znak X jako motyw przewodni.
 *
 * Na landingu-matce znak z logo wraca w kilku sekcjach w roli grafiki tla i
 * wskaznika: rysowany konturem w kontakcie, wielki i przygaszony w stopce,
 * reagujacy na scroll przy liscie spolek. Wszystkie te uzycia biora kolor i
 * krycie stad, zeby nie rozjechaly sie miedzy sekcjami.
 */
:root {
  --ax-grupa-x-line: rgba(200, 216, 240, 0.34);
  --ax-grupa-x-ghost: rgba(244, 241, 235, 0.07);
  --ax-grupa-x-idle: rgba(53, 59, 102, 0.18);
}

/*
 * Kropki spolek.
 *
 * Landing rozdziela tresc na trzy spolki i na "media o nas", a robi to w trzech
 * sekcjach naraz: piny na mapie zasiegu, plakietki zrodla przy aktualnosciach i
 * wiersze wakatow w karierze. Zrodlo tego rozroznienia musi byc jedno, inaczej
 * ta sama spolka dostaje w kazdej sekcji inny odcien.
 *
 * To jedyne miejsce w calym serwisie, gdzie spolki rozniq sie kolorem - i tylko
 * dlatego, ze na landingu-matce wystepuja obok siebie. Na wlasnych serwisach
 * spolek te tokeny nie maja zastosowania.
 *
 * Deweloper bierze stal z palety serwisu. Logistyka i media dostaja wartosci z
 * projektu, bo paleta nadrzedna nie ma ani zlota, ani szalwii, a sa to kropki
 * o srednicy 7 px, nie powierzchnie.
 */
:root {
  --ax-grupa-dot-dev: var(--ax-steel);
  --ax-grupa-dot-log: #C8B08A;
  --ax-grupa-dot-med: #9DB4A8;
  /*
   * Budowa nie ma jednej wartosci i nie jest to niedopatrzenie. Jej znakiem
   * jest granat na jasnym tle i papier na ciemnym - kropka musi odcinac sie od
   * podkladu sekcji, wiec sekcja ciemna bierze pierwsza, jasna druga.
   */
  --ax-grupa-dot-bud-on-ink: var(--ax-paper);
  --ax-grupa-dot-bud-on-paper: var(--ax-ink);
}