/* Niebieska paleta EAC (wariant „niebieski v2" z design systemu).
 *
 * Ładowany WYŁĄCZNIE przez `main/templates/main/base.html`, zaraz po
 * `ds/colors.css`. Ranking, publiczne, CRM i dokument A4 ładują sam
 * `ds/colors.css`, więc zostają przy ciepłym monochromie. Cała izolacja
 * zakresu opiera się na tym jednym `<link>`: nie ma tu żadnej reguły
 * komponentowej, tylko nadpisanie wartości.
 *
 * Nadpisujemy ISTNIEJĄCE nazwy tokenów zamiast dokładać równoległy zestaw.
 * Dzięki temu `eac.css` i wszystkie szablony `main/` zmieniają kolorystykę
 * bez jednej zmiany w regułach: `--ink-900` przestaje być czernią i staje
 * się granatem, `--paper` chłodnym błękitem.
 *
 * Kontrasty policzone wobec `--paper` (#F5F8FC) i `--ink-900` (#0A1226).
 * Każda para tekstowa przechodzi WCAG 2.1 AA (4,5:1).
 */
:root {
  /* ---- Granatowa oś zamiast czarnej ---- */
  --ink-900: #0A1226;   /* ciemne sekcje, tekst główny        17,49:1 na paper */
  --ink-800: #14203A;   /*                                    15,20:1 */
  --ink-700: #26304A;   /* tekst drugorzędny                  12,29:1 */
  --ink-600: #3A4560;   /* odnośniki nawigacji                 8,96:1 */
  --ink-500: #545F79;   /* tekst wyciszony i obramowania
                           interaktywne (WCAG 1.4.11)          5,99:1 */
  /* Dawne #8a8a8a dawało 3,2:1, czyli poniżej AA dla tekstu. Skoro i tak
     przepisujemy skalę, ustawiamy wartość, która próg spełnia. */
  --ink-400: #5F6B85;   /* podpisy, drobny druk                5,02:1
                           (4,59:1 na --paper-2, też powyżej progu) */
  --ink-300: #CBD6E6;   /* linia włosowa, dekoracyjna */
  --ink-200: #DDE5F1;   /* jaśniejsza linia włosowa */

  --paper:   #F5F8FC;   /* tło strony */
  --paper-2: #E8EEF8;   /* sekcja zapadnięta */
  --card:    #ffffff;
  --white:   #ffffff;

  /* ---- Akcent niebieski ---- */
  --blue-600:       #1533A3;  /* wypełnienie CTA, odnośniki    9,69:1 na paper */
  --blue-600-hover: #0F2478;
  --blue-500:       #3C63E8;  /* linie akcentu, kropki, fokus  4,76:1 na paper */
  --blue-200:       #8FB0FF;  /* akcent na ciemnym             8,71:1 na ink-900 */
  --blue-050:       #EAF0FE;  /* tło notki na jasnym */
  --blue-100:       #D3E0F8;  /* obramowanie notki */

  /* ---- Koła marki: rodzina niebieska zamiast pastelowej tęczy ---- */
  --pastel-pink:   #D7E0F7;
  --pastel-green:  #B7C4F7;
  --pastel-blue:   #C2D4EA;
  --pastel-yellow: #DCE3F0;

  /* ---- Aliasy semantyczne ---- */
  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-dark:       #EEF3FB;   /* 16,72:1 na ink-900 */
  --text-on-dark-muted: #AEBBD2;   /*  9,61:1 na ink-900 */

  --surface-page:   var(--paper);
  --surface-card:   var(--card);
  --surface-dark:   var(--ink-900);
  --surface-sunken: var(--paper-2);
  --surface-100:    var(--paper-2);

  --border-hairline: var(--ink-300);
  --border-on-dark:  rgb(143 176 255 / 0.22);

  /* Przycisk główny przestaje być inwersją atramentu, a staje się niebieski.
     Biały tekst na #1533A3 to 10,32:1. */
  --accent:    var(--blue-600);
  --accent-on: #ffffff;
}