/* ORNAMENT — role kolorystyczne.
   Paleta brandbooka (wyrocznia): sliwka #914E56, brzoskwinia #E2B19D, krem #F2DBC9.
   Kazdy kolor spoza tej trojki jest DODANY z uzasadnieniem (komentarz przy tokenie).
   Zmierzone kontrasty na bieli podane przy tokenach; prog: tekst 4,5:1, duzy tekst
   i elementy nietekstowe 3:1 (WCAG 2.2 AA). */
:root{
  /* — Paleta marki — */
  --sliwka:#914E56;        /* 6,13:1 na bieli — jedyny kolor marki zdatny na tekst */
  --brzoskwinia:#E2B19D;   /* 1,91:1 — WYLACZNIE dekoracja, nigdy tekst/obwodka/sygnal stanu */
  --krem:#F2DBC9;          /* 1,33:1 — WYLACZNIE tlo/dekoracja */

  /* — Neutralne (dodane) — */
  --oberzyna:#4D303F;      /* 11,60:1. Ciemny neutralny na dlugi tekst; Eggplant z moodboardu
                              brandbooka (s.7), uzywany na wdrozonej stronie jako „Ornament 3".
                              Sliwka meczy w akapitach i tabelach — oberzyna nie, a pozostaje
                              w swiecie marki (to przyciemniona sliwka, nie obcy czarny). */
  --oberzyna-60:#6E5560;   /* 6,71:1. Tekst drugorzedny (podpisy, pomoc, meta) — rozjasniona
                              oberzyna, wciaz powyzej 4,5:1. */
  --gliniany:#8D767B;      /* 4,15:1. Obwodki pol formularza, ikony funkcyjne, tekst wylaczony.
                              Dodany, bo zaden kolor marki nie przechodzi progu 3:1 dla
                              elementow nietekstowych poza sliwka (zarezerwowana na akcje). */
  --len:#E4D5CB;           /* 1,4:1. Linie podzialu czysto dekoracyjne (nie granice pol!) —
                              zgaszony krem, cieplejszy niz szary hairline. */
  --papier:#FBF7F2;        /* Tlo sekcji. Czysta biel jest zbyt kliniczna dla marki papierowej,
                              krem zbyt mocny na cale strony; papier to posredni cieply ton
                              wywiedziony z Egg White (#F8E8CC, moodboard s.7). */

  /* — Kolory stanow (dodane; wszystkie przygaszone, „farbowane na papierze") — */
  --blad:#9A3B2F;          /* 6,9:1. Cegla zamiast alarmowej czerwieni — spokrewniona ze sliwka. */
  --blad-obwodka:#C25A4B;  /* 4,3:1 — granica pola z bledem. */
  --blad-tlo:#FBEEE9;
  --sukces:#5C6B44;        /* 5,7:1. Mech (Moss z moodboardu) — zgaszona zielen. */
  --sukces-obwodka:#7D8C5C;/* 3,7:1 */
  --sukces-tlo:#F1F2E8;
  --uwaga:#7A5410;         /* 6,8:1. Skorzano-musztardowy (Leather/Mustard z moodboardu). */
  --uwaga-obwodka:#B08A3E; /* 3,2:1 */
  --uwaga-tlo:#FAF0DC;
  --info:var(--sliwka);    /* Informacja neutralna mowi glosem marki. */
  --info-obwodka:#B07F85;  /* 3,4:1 */
  --info-tlo:#F8EFEC;

  /* — Aliasy semantyczne — */
  --text-body:var(--oberzyna);
  --text-muted:var(--oberzyna-60);
  --text-brand:var(--sliwka);       /* naglowki, wyrazenia marki, ceny wyroznione */
  --text-disabled:var(--gliniany);
  --text-inverse:#FFFFFF;           /* na sliwce: 6,13:1 */
  --text-inverse-soft:var(--krem);  /* na sliwce: 4,59:1 */

  --surface-page:#FFFFFF;
  --surface-paper:var(--papier);
  --surface-cream:var(--krem);
  --surface-tint:#F8EFEA;           /* najechanie na elementy neutralne; rozcienczona brzoskwinia */
  --surface-disabled:#EFE7E3;

  --border-input:var(--gliniany);   /* 4,15:1 — powyzej progu 3:1 */
  --border-divider:var(--len);      /* tylko dekoracja */

  --action:var(--sliwka);
  --action-hover:#7C3F47;           /* sliwka -12% jasnosci */
  --action-pressed:#673239;         /* sliwka -22% */
  --focus-ring:var(--sliwka);       /* 6,13:1 na bieli, 4,59:1 na kremie */
  --focus-ring-inverse:var(--krem); /* obwodka fokusu na sliwkowym tle: 4,59:1 */
}
