/**
 * PL: Zmienne projektowe (kolory). Zmiana koloru marki = jedna linia tutaj.
 *     Wartości są DOKŁADNIE te, które były wpisane w kodzie — to nie zmiana wyglądu.
 *     Używane w css/style.css i css/components.css (w index.html część stylów
 *     nadal jest zapisana wprost — patrz PRZEWODNIK.md).
 * EN: Design variables (colors). Changing the brand color = one line here.
 *     The values are EXACTLY those that were hard-coded — this is not a visual change.
 *     Used in css/style.css and css/components.css (some styles in index.html
 *     are still written inline — see PRZEWODNIK.md).
 */
:root {
  --mika-red: #E01B22;  /* kolor marki / brand color */
  --mika-red-dark: #B41217;  /* kolor marki, najechanie / brand color, hover */
  --text-primary: #17181A;  /* tekst główny / main text */
  --text-body: #5B6066;  /* tekst opisów / body text */
  --text-secondary: #6B7076;  /* tekst drugorzędny / secondary text */
  --text-label: #3E4348;  /* etykiety pól / field labels */
  --text-muted: #8A9099;  /* tekst przygaszony / muted text */
  --text-on-dark: #A6ABB1;  /* tekst na ciemnym tle (stopka) / text on dark (footer) */
  --border: #E9EAEC;  /* obramowania kart / card borders */
  --border-strong: #DEDFE2;  /* obramowania pól / field borders */
  --border-soft: #F0F1F2;  /* delikatne linie / subtle dividers */
  --surface: #fff;  /* tło kart i strony / card and page background */
}