@charset "UTF-8";

/* -------------------------
   Kolorystyka Cassiopeia
   ------------------------- */
:root {
  /* główny kolor – belka, przyciski, akcenty */
  --cassiopeia-color-primary: #0b4f6c;

  /* kolor linków */
  --cassiopeia-color-link: #1d6fa5;
  --link-color: #1d6fa5;
  --link-color-rgb: 29, 111, 165;

  /* kolor hover dla linków / przycisków */
  --cassiopeia-color-hover: #093a50;
  --link-hover-color: #093a50;
  --link-hover-color-rgb: 9, 58, 80;
}

/* -------------------------
   Focus – domyślny (globalny)
   cieńsza, ciągła ramka
   ------------------------- */
:focus {
  outline: 2px solid #1d6fa5 !important;  /* delikatny, ale widoczny focus */
  outline-offset: 2px;
}

/* -------------------------
   Focus – linki, przyciski, elementy „klikalne”
   grubsza, przerywana ramka (bardziej widoczna)
   ------------------------- */
a:focus,
button:focus,
[role="button"]:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  outline: 3px dashed #0b4f6c !important;
  outline-offset: 3px;
}