/* ITIdee-Lizenzportal — Akzentfarbe (Teal, identisch zur ITIdee-Hauptanwendung #0d9488).
   Überschreibt die Bootstrap-Primary-Komponenten/Utilities; lädt NACH bootstrap.min.css. */

:root {
    --itidee-primary: #0d9488;
    --itidee-primary-dark: #0f766e;
    --itidee-primary-darker: #0c5d57;
    --itidee-primary-subtle: #cdeee9;
    --itidee-primary-emphasis: #0a4a45;

    --bs-primary: var(--itidee-primary);
    --bs-primary-rgb: 13, 148, 136;
    --bs-link-color: var(--itidee-primary);
    --bs-link-color-rgb: 13, 148, 136;
    --bs-link-hover-color: var(--itidee-primary-dark);
    --bs-link-hover-color-rgb: 15, 118, 110;
}

.btn-primary {
    --bs-btn-bg: var(--itidee-primary);
    --bs-btn-border-color: var(--itidee-primary);
    --bs-btn-hover-bg: var(--itidee-primary-dark);
    --bs-btn-hover-border-color: var(--itidee-primary-dark);
    --bs-btn-active-bg: var(--itidee-primary-dark);
    --bs-btn-active-border-color: var(--itidee-primary-darker);
    --bs-btn-disabled-bg: var(--itidee-primary);
    --bs-btn-disabled-border-color: var(--itidee-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--itidee-primary);
    --bs-btn-border-color: var(--itidee-primary);
    --bs-btn-hover-bg: var(--itidee-primary);
    --bs-btn-hover-border-color: var(--itidee-primary);
    --bs-btn-active-bg: var(--itidee-primary);
    --bs-btn-active-border-color: var(--itidee-primary);
}

.text-primary { color: var(--itidee-primary) !important; }
.bg-primary { background-color: var(--itidee-primary) !important; }
.text-bg-primary { background-color: var(--itidee-primary) !important; color: #fff !important; }
.bg-primary-subtle { background-color: var(--itidee-primary-subtle) !important; }
.text-primary-emphasis { color: var(--itidee-primary-emphasis) !important; }
.nav-link.active { color: var(--itidee-primary) !important; font-weight: 500; }
.form-control:focus, .form-select:focus {
    border-color: var(--itidee-primary);
    box-shadow: 0 0 0 .25rem rgba(13, 148, 136, .25);
}

/* Pagination (compiled Bootstrap nutzt eigene --bs-pagination-* Literale, kein --bs-primary). */
.page-link {
    --bs-pagination-color: var(--itidee-primary);
    --bs-pagination-hover-color: var(--itidee-primary-dark);
    --bs-pagination-focus-color: var(--itidee-primary-dark);
    --bs-pagination-active-bg: var(--itidee-primary);
    --bs-pagination-active-border-color: var(--itidee-primary);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 148, 136, .25);
}

/* Checkbox/Radio angehakt: compiled Bootstrap brennt die Hex-Farbe statisch ein. */
.form-check-input:checked {
    background-color: var(--itidee-primary);
    border-color: var(--itidee-primary);
}
.form-check-input:focus {
    border-color: var(--itidee-primary);
    box-shadow: 0 0 0 .25rem rgba(13, 148, 136, .25);
}

/* Dark-Mode: hellere Teal-Variante (wie ITIdee). */
[data-bs-theme="dark"] {
    --bs-primary: #2dd4bf;
    --bs-primary-rgb: 45, 212, 191;
    --bs-link-color: #2dd4bf;
    --bs-link-hover-color: #5eead4;
}
[data-bs-theme="dark"] .btn-primary {
    --bs-btn-bg: #14b8a6;
    --bs-btn-border-color: #14b8a6;
    --bs-btn-hover-bg: #0d9488;
    --bs-btn-hover-border-color: #0d9488;
    --bs-btn-color: #04211e;
    --bs-btn-hover-color: #04211e;
}
[data-bs-theme="dark"] .btn-outline-primary {
    --bs-btn-color: #2dd4bf;
    --bs-btn-border-color: #2dd4bf;
    --bs-btn-hover-bg: #2dd4bf;
    --bs-btn-hover-color: #04211e;
    --bs-btn-hover-border-color: #2dd4bf;
}
[data-bs-theme="dark"] .text-primary { color: #2dd4bf !important; }
[data-bs-theme="dark"] .bg-primary-subtle { background-color: #0b3b35 !important; }
[data-bs-theme="dark"] .text-primary-emphasis { color: #5eead4 !important; }
[data-bs-theme="dark"] .nav-link.active { color: #2dd4bf !important; }
[data-bs-theme="dark"] .text-bg-primary { background-color: #14b8a6 !important; color: #04211e !important; }
[data-bs-theme="dark"] .page-link {
    --bs-pagination-color: #2dd4bf;
    --bs-pagination-hover-color: #5eead4;
    --bs-pagination-active-bg: #14b8a6;
    --bs-pagination-active-border-color: #14b8a6;
}
[data-bs-theme="dark"] .form-check-input:checked {
    background-color: #14b8a6;
    border-color: #14b8a6;
}