/* Wspólne poprawki motywu Homer v3 dla CAŁEGO serwisu (admin i front) - ładować zaraz po homer/css/app.min.css.
   Zasada: kolory akcentu zawsze przez zmienne motywu (var(--ins-primary) itd.), nigdy na sztywno -
   wtedy kolorystyka wybrana w Customizerze (data-skin) zmienia cały serwis. */

/* Linki: w Homerze kolor linków jest stały (zielony #62cb31) i nie zmienia się ze skórką.
   Wiążemy go z kolorem głównym wybranej kolorystyki. */
html[data-skin] {
    --ins-link-color: var(--ins-primary);
    --ins-link-color-rgb: var(--ins-primary-rgb);
    --ins-link-hover-color: var(--ins-primary-text-emphasis);
    --ins-link-hover-color-rgb: var(--ins-primary-rgb);
}

/* Ciemny motyw: ciemniejszy odcień przy najechaniu byłby nieczytelny na ciemnym tle */
html[data-skin][data-bs-theme="dark"] {
    --ins-link-hover-color: var(--ins-primary);
}

/* ---------- Kolorystyka "CosmoNews" (7. pozycja w Customizerze) ----------
   Czerwień marki z logo (#ED1C24) przyciemniona do #D7141A - na białym tle ma kontrast 5,24:1
   (norma dostępności dla tekstu i linków: 4,5:1; oryginał z logo ma 4,38:1).
   "Usuń" (danger) w burgundzie: nadal "niebezpieczny" czerwony, ale odróżnialny od przycisków marki.
   Selektor bez "html", bo kafelki podglądu w Customizerze też mają atrybut data-skin. */
[data-skin="cosmonews"] {
    --ins-chart-primary: #d7141a;
    --ins-chart-primary-rgb: 215, 20, 26;
    --ins-chart-secondary: #e85a5e;
    --ins-chart-secondary-rgb: 232, 90, 94;
    --ins-chart-gray: #e9eaeb;
    --ins-chart-gray-rgb: 233, 234, 235;
    --ins-chart-dark: #a50f14;
    --ins-chart-dark-rgb: 165, 15, 20;

    --ins-primary: #d7141a;
    --ins-primary-rgb: 215, 20, 26;
    --ins-primary-text-emphasis: #a50f14;
    --ins-primary-bg-subtle: rgba(215, 20, 26, 0.12);
    --ins-primary-border-subtle: rgba(215, 20, 26, 0.3);

    --ins-danger: #8e1838;
    --ins-danger-rgb: 142, 24, 56;
    --ins-danger-text-emphasis: #6b1229;
    --ins-danger-bg-subtle: rgba(142, 24, 56, 0.12);
    --ins-danger-border-subtle: rgba(142, 24, 56, 0.3);
}
/* Ciemny motyw: jaśniejsze odcienie, żeby czerwień była czytelna na ciemnym tle */
[data-skin="cosmonews"][data-bs-theme="dark"] {
    --ins-primary: #f2484e;
    --ins-primary-rgb: 242, 72, 78;
    --ins-primary-text-emphasis: #ff8a8e;
    --ins-danger: #dc6383;
    --ins-danger-rgb: 220, 99, 131;
    --ins-danger-text-emphasis: #e57f9a;
}