/*
 * site.css — enotna vizualna plast CPŠ (naložena za style.css)
 *
 * Osnovna barva znamke #7697C5 ostaja za poudarke (obrobe, odtenki, naslovi),
 * a je presvetla za bel tekst na gumbih (kontrast 3.0:1). Vsi polni gumbi,
 * povezave in značke zato uporabljajo temnejše odtenke istih barvnih družin,
 * ki z belim besedilom dosegajo WCAG AA (>= 4.5:1):
 *
 *   primary   #56749E  (4.8:1)   hover #4A6489   active #435C7E
 *   secondary #64748B  (4.8:1)   hover #535E71
 *   success   #0C7F57  (5.0:1)   hover #0A6B4A
 *   danger    #DC2626  (4.8:1)   hover #B91C1C
 *   info      #2563EB  (5.1:1)   hover #1D4ED8
 *   warning   #FBBF24  + temno besedilo #1E293B (9.6:1)
 */

/* ---------- povezave ---------- */
:root {
    --bs-link-color: #56749e;
    --bs-link-color-rgb: 86, 116, 158;
    --bs-link-hover-color: #45607f;
    --bs-link-hover-color-rgb: 69, 96, 127;
}

/* ---------- gumbi: enotna teža in prehodi ---------- */
.btn {
    --bs-btn-font-weight: 500;
    transition: color .15s ease-in-out, background-color .15s ease-in-out,
                border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* ---------- polni gumbi ---------- */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #56749e;
    --bs-btn-border-color: #56749e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4a6489;
    --bs-btn-hover-border-color: #45607f;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #435c7e;
    --bs-btn-active-border-color: #3f5776;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #56749e;
    --bs-btn-disabled-border-color: #56749e;
    --bs-btn-focus-shadow-rgb: 86, 116, 158;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #64748b;
    --bs-btn-border-color: #64748b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #535e71;
    --bs-btn-hover-border-color: #4e586a;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a5364;
    --bs-btn-active-border-color: #454e5e;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #64748b;
    --bs-btn-disabled-border-color: #64748b;
    --bs-btn-focus-shadow-rgb: 100, 116, 139;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0c7f57;
    --bs-btn-border-color: #0c7f57;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0a6b4a;
    --bs-btn-hover-border-color: #096446;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #095e41;
    --bs-btn-active-border-color: #08573c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0c7f57;
    --bs-btn-disabled-border-color: #0c7f57;
    --bs-btn-focus-shadow-rgb: 12, 127, 87;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc2626;
    --bs-btn-border-color: #dc2626;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #b91c1c;
    --bs-btn-hover-border-color: #ae1a1a;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a31818;
    --bs-btn-active-border-color: #991717;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc2626;
    --bs-btn-disabled-border-color: #dc2626;
    --bs-btn-focus-shadow-rgb: 220, 38, 38;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1d4ed8;
    --bs-btn-hover-border-color: #1b49cb;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1a44be;
    --bs-btn-active-border-color: #1840b2;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2563eb;
    --bs-btn-disabled-border-color: #2563eb;
    --bs-btn-focus-shadow-rgb: 37, 99, 235;
}

.btn-warning {
    --bs-btn-color: #1e293b;
    --bs-btn-hover-color: #1e293b;
    --bs-btn-active-color: #1e293b;
    --bs-btn-disabled-color: #1e293b;
}

/* ---------- obrobljeni gumbi: polnilo ob hovru v dostopnih odtenkih ---------- */
.btn-outline-primary {
    --bs-btn-color: #56749e;
    --bs-btn-border-color: #7697c5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #56749e;
    --bs-btn-hover-border-color: #56749e;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4a6489;
    --bs-btn-active-border-color: #4a6489;
    --bs-btn-focus-shadow-rgb: 86, 116, 158;
}

.btn-outline-secondary {
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
}

.btn-outline-success {
    --bs-btn-color: #0c7f57;
    --bs-btn-border-color: #0c7f57;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0c7f57;
    --bs-btn-hover-border-color: #0c7f57;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a6b4a;
    --bs-btn-active-border-color: #0a6b4a;
    --bs-btn-focus-shadow-rgb: 12, 127, 87;
}

.btn-outline-danger {
    --bs-btn-color: #dc2626;
    --bs-btn-border-color: #dc2626;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc2626;
    --bs-btn-hover-border-color: #dc2626;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b91c1c;
    --bs-btn-active-border-color: #b91c1c;
    --bs-btn-focus-shadow-rgb: 220, 38, 38;
}

.btn-outline-info {
    --bs-btn-color: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2563eb;
    --bs-btn-hover-border-color: #2563eb;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1d4ed8;
    --bs-btn-active-border-color: #1d4ed8;
    --bs-btn-focus-shadow-rgb: 37, 99, 235;
}

/* ---------- značke: dostopni polni odtenki ---------- */
/* Prek --bs-*-rgb, da bg-opacity-* (obarvani čipi) še naprej deluje. */
.badge.bg-primary {
    --bs-primary-rgb: 86, 116, 158;
}
.badge.bg-success {
    --bs-success-rgb: 12, 127, 87;
}
.badge.bg-danger {
    --bs-danger-rgb: 220, 38, 38;
}
.badge.bg-info {
    --bs-info-rgb: 37, 99, 235;
}
.badge.bg-warning {
    color: #1e293b;
}

/* ---------- obarvani odtenki (bg-opacity-10 čipi): temnejše besedilo ---------- */
/* Velja za elemente, ki imajo hkrati 10% obarvano ozadje in obarvano besedilo
   (statusne značke) — svetle poudarne barve na skoraj belem ozadju ne dosegajo AA. */
.bg-opacity-10.text-primary,
.bg-opacity-25.text-primary {
    color: #45607f !important;
}
.bg-opacity-10.text-success,
.bg-opacity-25.text-success {
    color: #0a6b4a !important;
}
.bg-opacity-10.text-danger,
.bg-opacity-25.text-danger {
    color: #b91c1c !important;
}
.bg-opacity-10.text-warning,
.bg-opacity-25.text-warning {
    color: #92400e !important;
}
.bg-opacity-10.text-info,
.bg-opacity-25.text-info {
    color: #1d4ed8 !important;
}

/* ---------- razno ---------- */
/* vidna obroba fokusa tudi pri navigaciji s tipkovnico */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #56749e;
    outline-offset: 2px;
}