/* ===============================
   Kolasa: Override for Bootstrap
   Place this AFTER bootstrap.css
   =============================== */

/* base values */
:root {
            --kolasa-primary: #1a1a1a;
        --kolasa-primary-subtle: #0d0d0d;
        --kolasa-primary-rgb: 26,26,26;
        --kolasa-primary-hover: #272727;         --kolasa-primary-active: #2e2e2e;         --kolasa-primary-text: #fafafa;             --kolasa-secondary: #d5cac6;
        --kolasa-secondary-subtle: #fff2ed;
        --kolasa-secondary-rgb: 213,202,198;
        --kolasa-secondary-hover: #bbb1ae;         --kolasa-secondary-active: #aaa19e;         --kolasa-secondary-text: #0B1E35;             --kolasa-info: #001f52;
        --kolasa-info-subtle: #000f29;
        --kolasa-info-rgb: 0,31,82;
        --kolasa-info-hover: #002e7b;         --kolasa-info-active: #003793;         --kolasa-info-text: #fafafa;             --kolasa-success: #013b47;
        --kolasa-success-subtle: #001d23;
        --kolasa-success-rgb: 1,59,71;
        --kolasa-success-hover: #01586a;         --kolasa-success-active: #016a7f;         --kolasa-success-text: #fafafa;             --kolasa-foundation: #726DA8;
        --kolasa-foundation-subtle: #393654;
        --kolasa-foundation-rgb: 114,109,168;
        --kolasa-foundation-hover: #aba3fc;         --kolasa-foundation-active: #cdc4ff;         --kolasa-foundation-text: #fafafa;             --kolasa-primary: #1a1a1a;
        --kolasa-primary-subtle: #0d0d0d;
        --kolasa-primary-rgb: 26,26,26;
        --kolasa-primary-hover: #272727;         --kolasa-primary-active: #2e2e2e;         --kolasa-primary-text: #fafafa;             --kolasa-sunny\2D cave\2D holding: #ffc107;
        --kolasa-sunny\2D cave\2D holding-subtle: #ffe708;
        --kolasa-sunny\2D cave\2D holding-rgb: 255,193,7;
        --kolasa-sunny\2D cave\2D holding-hover: #e0a906;         --kolasa-sunny\2D cave\2D holding-active: #cc9a05;         --kolasa-sunny\2D cave\2D holding-text: #0B1E35;         --bs-focus-ring: rgba(213,202,198,0.25);
    --bs-border-radius: 0;

    /* Force secondary */
    --kolasa-secondary: #D5CAC6;
    --kolasa-secondary-subtle: #F8F6F5; /* 50% lighter */
    --kolasa-secondary-rgb: 213,202,198;
    --kolasa-secondary-hover: #BBB2AE; /* ~12% darker */
    --kolasa-secondary-active: #AAA29E; /* ~20% darker */
    --kolasa-secondary-text: #0B1E35; /* ciemny kontrast dla tekstu na bg */
}

    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-primary,
    .bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }

    .bg-primary.bg-opacity-50 {
        background-color: #1a1a1a88 !important;
    }
    
    .bg-primary-subtle {
        background-color: var(--kolasa-primary-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-primary{
        color: var(--kolasa-primary) !important;
    }
    
    .border-primary {
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Buttons */
    .btn-primary,
    .btn-primary:link,
    .btn-primary:visited {
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--kolasa-primary-hover) !important;
        border-color: var(--kolasa-primary-hover) !important;
        color: var(--kolasa-primary-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--kolasa-primary-active) !important;
        border-color: var(--kolasa-primary-active) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-primary {
        color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        background-color: transparent !important;
    }
    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
        color: var(--kolasa-primary-text) !important;
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        border-color: rgba(var(--kolasa-primary-rgb), 0.4) !important;
    }
    
    .badge.bg-primary,
    .badge.badge-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-primary) */
    .form-control.bg-primary,
    .form-control.bg-primary:focus {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        border-color: var(--kolasa-primary) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-primary / .text-primary */
    .navbar .bg-primary,
    .dropdown-menu .bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Links colored .text-primary (ensure hover readable) */
    a.text-primary,
    a.text-primary:link {
        color: var(--kolasa-primary) !important;
    }
    a.text-primary:hover,
    a.text-primary:focus {
        color: var(--kolasa-primary-hover) !important;
    }
    
    /* Table utilities */
    .table .table-primary,
    .table .table-primary > th,
    .table .table-primary > td {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-primary {
        background-color: var(--kolasa-primary) !important;
    }
    
    /* Card header / footer */
    .card.bg-primary,
    .card .card-header.bg-primary,
    .card .card-footer.bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-primary {
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-primary.disabled,
    .btn-primary:disabled,
    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-primary::placeholder,
    textarea.bg-primary::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-primary,
    body .bg-primary,
    body .text-primary {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-secondary,
    .bg-secondary {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
    }

    .bg-secondary.bg-opacity-50 {
        background-color: #d5cac688 !important;
    }
    
    .bg-secondary-subtle {
        background-color: var(--kolasa-secondary-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-secondary{
        color: var(--kolasa-secondary) !important;
    }
    
    .border-secondary {
        border-color: var(--kolasa-secondary) !important;
    }
    
    /* Buttons */
    .btn-secondary,
    .btn-secondary:link,
    .btn-secondary:visited {
        background-color: var(--kolasa-secondary) !important;
        border-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: var(--kolasa-secondary-hover) !important;
        border-color: var(--kolasa-secondary-hover) !important;
        color: var(--kolasa-secondary-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-secondary:active,
    .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        background-color: var(--kolasa-secondary-active) !important;
        border-color: var(--kolasa-secondary-active) !important;
        color: var(--kolasa-secondary-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-secondary {
        color: var(--kolasa-secondary) !important;
        border-color: var(--kolasa-secondary) !important;
        background-color: transparent !important;
    }
    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
        color: var(--kolasa-secondary-text) !important;
        background-color: var(--kolasa-secondary) !important;
        border-color: var(--kolasa-secondary) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-secondary {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
        border-color: rgba(var(--kolasa-secondary-rgb), 0.4) !important;
    }
    
    .badge.bg-secondary,
    .badge.badge-secondary {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-secondary) */
    .form-control.bg-secondary,
    .form-control.bg-secondary:focus {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
        border-color: var(--kolasa-secondary) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-secondary / .text-secondary */
    .navbar .bg-secondary,
    .dropdown-menu .bg-secondary {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
    }
    
    /* Links colored .text-secondary (ensure hover readable) */
    a.text-secondary,
    a.text-secondary:link {
        color: var(--kolasa-secondary) !important;
    }
    a.text-secondary:hover,
    a.text-secondary:focus {
        color: var(--kolasa-secondary-hover) !important;
    }
    
    /* Table utilities */
    .table .table-secondary,
    .table .table-secondary > th,
    .table .table-secondary > td {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-secondary {
        background-color: var(--kolasa-secondary) !important;
    }
    
    /* Card header / footer */
    .card.bg-secondary,
    .card .card-header.bg-secondary,
    .card .card-footer.bg-secondary {
        background-color: var(--kolasa-secondary) !important;
        color: var(--kolasa-secondary-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-secondary {
        border-color: var(--kolasa-secondary) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-secondary.disabled,
    .btn-secondary:disabled,
    .btn-outline-secondary.disabled,
    .btn-outline-secondary:disabled {
        background-color: var(--kolasa-secondary) !important;
        border-color: var(--kolasa-secondary) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-secondary::placeholder,
    textarea.bg-secondary::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-secondary,
    body .bg-secondary,
    body .text-secondary {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-info,
    .bg-info {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
    }

    .bg-info.bg-opacity-50 {
        background-color: #001f5288 !important;
    }
    
    .bg-info-subtle {
        background-color: var(--kolasa-info-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-info{
        color: var(--kolasa-info) !important;
    }
    
    .border-info {
        border-color: var(--kolasa-info) !important;
    }
    
    /* Buttons */
    .btn-info,
    .btn-info:link,
    .btn-info:visited {
        background-color: var(--kolasa-info) !important;
        border-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-info:hover,
    .btn-info:focus {
        background-color: var(--kolasa-info-hover) !important;
        border-color: var(--kolasa-info-hover) !important;
        color: var(--kolasa-info-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-info:active,
    .btn-info.active,
    .show > .btn-info.dropdown-toggle {
        background-color: var(--kolasa-info-active) !important;
        border-color: var(--kolasa-info-active) !important;
        color: var(--kolasa-info-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-info {
        color: var(--kolasa-info) !important;
        border-color: var(--kolasa-info) !important;
        background-color: transparent !important;
    }
    .btn-outline-info:hover,
    .btn-outline-info:focus {
        color: var(--kolasa-info-text) !important;
        background-color: var(--kolasa-info) !important;
        border-color: var(--kolasa-info) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-info {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
        border-color: rgba(var(--kolasa-info-rgb), 0.4) !important;
    }
    
    .badge.bg-info,
    .badge.badge-info {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-info) */
    .form-control.bg-info,
    .form-control.bg-info:focus {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
        border-color: var(--kolasa-info) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-info / .text-info */
    .navbar .bg-info,
    .dropdown-menu .bg-info {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
    }
    
    /* Links colored .text-info (ensure hover readable) */
    a.text-info,
    a.text-info:link {
        color: var(--kolasa-info) !important;
    }
    a.text-info:hover,
    a.text-info:focus {
        color: var(--kolasa-info-hover) !important;
    }
    
    /* Table utilities */
    .table .table-info,
    .table .table-info > th,
    .table .table-info > td {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-info {
        background-color: var(--kolasa-info) !important;
    }
    
    /* Card header / footer */
    .card.bg-info,
    .card .card-header.bg-info,
    .card .card-footer.bg-info {
        background-color: var(--kolasa-info) !important;
        color: var(--kolasa-info-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-info {
        border-color: var(--kolasa-info) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-info.disabled,
    .btn-info:disabled,
    .btn-outline-info.disabled,
    .btn-outline-info:disabled {
        background-color: var(--kolasa-info) !important;
        border-color: var(--kolasa-info) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-info::placeholder,
    textarea.bg-info::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-info,
    body .bg-info,
    body .text-info {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-success,
    .bg-success {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
    }

    .bg-success.bg-opacity-50 {
        background-color: #013b4788 !important;
    }
    
    .bg-success-subtle {
        background-color: var(--kolasa-success-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-success{
        color: var(--kolasa-success) !important;
    }
    
    .border-success {
        border-color: var(--kolasa-success) !important;
    }
    
    /* Buttons */
    .btn-success,
    .btn-success:link,
    .btn-success:visited {
        background-color: var(--kolasa-success) !important;
        border-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-success:hover,
    .btn-success:focus {
        background-color: var(--kolasa-success-hover) !important;
        border-color: var(--kolasa-success-hover) !important;
        color: var(--kolasa-success-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-success:active,
    .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        background-color: var(--kolasa-success-active) !important;
        border-color: var(--kolasa-success-active) !important;
        color: var(--kolasa-success-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-success {
        color: var(--kolasa-success) !important;
        border-color: var(--kolasa-success) !important;
        background-color: transparent !important;
    }
    .btn-outline-success:hover,
    .btn-outline-success:focus {
        color: var(--kolasa-success-text) !important;
        background-color: var(--kolasa-success) !important;
        border-color: var(--kolasa-success) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-success {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
        border-color: rgba(var(--kolasa-success-rgb), 0.4) !important;
    }
    
    .badge.bg-success,
    .badge.badge-success {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-success) */
    .form-control.bg-success,
    .form-control.bg-success:focus {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
        border-color: var(--kolasa-success) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-success / .text-success */
    .navbar .bg-success,
    .dropdown-menu .bg-success {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
    }
    
    /* Links colored .text-success (ensure hover readable) */
    a.text-success,
    a.text-success:link {
        color: var(--kolasa-success) !important;
    }
    a.text-success:hover,
    a.text-success:focus {
        color: var(--kolasa-success-hover) !important;
    }
    
    /* Table utilities */
    .table .table-success,
    .table .table-success > th,
    .table .table-success > td {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-success {
        background-color: var(--kolasa-success) !important;
    }
    
    /* Card header / footer */
    .card.bg-success,
    .card .card-header.bg-success,
    .card .card-footer.bg-success {
        background-color: var(--kolasa-success) !important;
        color: var(--kolasa-success-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-success {
        border-color: var(--kolasa-success) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-success.disabled,
    .btn-success:disabled,
    .btn-outline-success.disabled,
    .btn-outline-success:disabled {
        background-color: var(--kolasa-success) !important;
        border-color: var(--kolasa-success) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-success::placeholder,
    textarea.bg-success::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-success,
    body .bg-success,
    body .text-success {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-foundation,
    .bg-foundation {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
    }

    .bg-foundation.bg-opacity-50 {
        background-color: #726DA888 !important;
    }
    
    .bg-foundation-subtle {
        background-color: var(--kolasa-foundation-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-foundation{
        color: var(--kolasa-foundation) !important;
    }
    
    .border-foundation {
        border-color: var(--kolasa-foundation) !important;
    }
    
    /* Buttons */
    .btn-foundation,
    .btn-foundation:link,
    .btn-foundation:visited {
        background-color: var(--kolasa-foundation) !important;
        border-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-foundation:hover,
    .btn-foundation:focus {
        background-color: var(--kolasa-foundation-hover) !important;
        border-color: var(--kolasa-foundation-hover) !important;
        color: var(--kolasa-foundation-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-foundation:active,
    .btn-foundation.active,
    .show > .btn-foundation.dropdown-toggle {
        background-color: var(--kolasa-foundation-active) !important;
        border-color: var(--kolasa-foundation-active) !important;
        color: var(--kolasa-foundation-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-foundation {
        color: var(--kolasa-foundation) !important;
        border-color: var(--kolasa-foundation) !important;
        background-color: transparent !important;
    }
    .btn-outline-foundation:hover,
    .btn-outline-foundation:focus {
        color: var(--kolasa-foundation-text) !important;
        background-color: var(--kolasa-foundation) !important;
        border-color: var(--kolasa-foundation) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-foundation {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
        border-color: rgba(var(--kolasa-foundation-rgb), 0.4) !important;
    }
    
    .badge.bg-foundation,
    .badge.badge-foundation {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-foundation) */
    .form-control.bg-foundation,
    .form-control.bg-foundation:focus {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
        border-color: var(--kolasa-foundation) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-foundation / .text-foundation */
    .navbar .bg-foundation,
    .dropdown-menu .bg-foundation {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
    }
    
    /* Links colored .text-foundation (ensure hover readable) */
    a.text-foundation,
    a.text-foundation:link {
        color: var(--kolasa-foundation) !important;
    }
    a.text-foundation:hover,
    a.text-foundation:focus {
        color: var(--kolasa-foundation-hover) !important;
    }
    
    /* Table utilities */
    .table .table-foundation,
    .table .table-foundation > th,
    .table .table-foundation > td {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-foundation {
        background-color: var(--kolasa-foundation) !important;
    }
    
    /* Card header / footer */
    .card.bg-foundation,
    .card .card-header.bg-foundation,
    .card .card-footer.bg-foundation {
        background-color: var(--kolasa-foundation) !important;
        color: var(--kolasa-foundation-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-foundation {
        border-color: var(--kolasa-foundation) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-foundation.disabled,
    .btn-foundation:disabled,
    .btn-outline-foundation.disabled,
    .btn-outline-foundation:disabled {
        background-color: var(--kolasa-foundation) !important;
        border-color: var(--kolasa-foundation) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-foundation::placeholder,
    textarea.bg-foundation::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-foundation,
    body .bg-foundation,
    body .text-foundation {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-primary,
    .bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }

    .bg-primary.bg-opacity-50 {
        background-color: #1a1a1a88 !important;
    }
    
    .bg-primary-subtle {
        background-color: var(--kolasa-primary-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-primary{
        color: var(--kolasa-primary) !important;
    }
    
    .border-primary {
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Buttons */
    .btn-primary,
    .btn-primary:link,
    .btn-primary:visited {
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-primary:hover,
    .btn-primary:focus {
        background-color: var(--kolasa-primary-hover) !important;
        border-color: var(--kolasa-primary-hover) !important;
        color: var(--kolasa-primary-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--kolasa-primary-active) !important;
        border-color: var(--kolasa-primary-active) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-primary {
        color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        background-color: transparent !important;
    }
    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
        color: var(--kolasa-primary-text) !important;
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        border-color: rgba(var(--kolasa-primary-rgb), 0.4) !important;
    }
    
    .badge.bg-primary,
    .badge.badge-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-primary) */
    .form-control.bg-primary,
    .form-control.bg-primary:focus {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
        border-color: var(--kolasa-primary) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-primary / .text-primary */
    .navbar .bg-primary,
    .dropdown-menu .bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Links colored .text-primary (ensure hover readable) */
    a.text-primary,
    a.text-primary:link {
        color: var(--kolasa-primary) !important;
    }
    a.text-primary:hover,
    a.text-primary:focus {
        color: var(--kolasa-primary-hover) !important;
    }
    
    /* Table utilities */
    .table .table-primary,
    .table .table-primary > th,
    .table .table-primary > td {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-primary {
        background-color: var(--kolasa-primary) !important;
    }
    
    /* Card header / footer */
    .card.bg-primary,
    .card .card-header.bg-primary,
    .card .card-footer.bg-primary {
        background-color: var(--kolasa-primary) !important;
        color: var(--kolasa-primary-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-primary {
        border-color: var(--kolasa-primary) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-primary.disabled,
    .btn-primary:disabled,
    .btn-outline-primary.disabled,
    .btn-outline-primary:disabled {
        background-color: var(--kolasa-primary) !important;
        border-color: var(--kolasa-primary) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-primary::placeholder,
    textarea.bg-primary::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-primary,
    body .bg-primary,
    body .text-primary {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }
    /* 1) Casu wszystkie utility klasy bg-/text-/border-/btn- / alert- itp. */
    nav.bg-sunny\2D cave\2D holding,
    .bg-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }

    .bg-sunny\2D cave\2D holding.bg-opacity-50 {
        background-color: #ffc10788 !important;
    }
    
    .bg-sunny\2D cave\2D holding-subtle {
        background-color: var(--kolasa-sunny\2D cave\2D holding-subtle) !important;
        color: var(--bs-focus-ring) !important;
    }
    
    .text-sunny\2D cave\2D holding{
        color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    
    .border-sunny\2D cave\2D holding {
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    
    /* Buttons */
    .btn-sunny\2D cave\2D holding,
    .btn-sunny\2D cave\2D holding:link,
    .btn-sunny\2D cave\2D holding:visited {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
        box-shadow: none !important;
    }
    
    /* Button hover / focus / active */
    .btn-sunny\2D cave\2D holding:hover,
    .btn-sunny\2D cave\2D holding:focus {
        background-color: var(--kolasa-sunny\2D cave\2D holding-hover) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding-hover) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
        outline: none !important;
        box-shadow: 0 0 0 0.2rem var(--bs-focus-ring) !important;
    }
    
    .btn-sunny\2D cave\2D holding:active,
    .btn-sunny\2D cave\2D holding.active,
    .show > .btn-sunny\2D cave\2D holding.dropdown-toggle {
        background-color: var(--kolasa-sunny\2D cave\2D holding-active) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding-active) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }
    
    /* Outline secondary (invert) */
    .btn-outline-sunny\2D cave\2D holding {
        color: var(--kolasa-sunny\2D cave\2D holding) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        background-color: transparent !important;
    }
    .btn-outline-sunny\2D cave\2D holding:hover,
    .btn-outline-sunny\2D cave\2D holding:focus {
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    
    /* Alerts, badges, list-group */
    .alert-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
        border-color: rgba(var(--kolasa-sunny\2D cave\2D holding-rgb), 0.4) !important;
    }
    
    .badge.bg-sunny\2D cave\2D holding,
    .badge.badge-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }
    
    /* Form controls (focus / placeholder / inputs with bg-sunny\2D cave\2D holding) */
    .form-control.bg-sunny\2D cave\2D holding,
    .form-control.bg-sunny\2D cave\2D holding:focus {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        box-shadow: 0 0 0 0.15rem var(--bs-focus-ring) !important;
    }
    
    /* Navbar / dropdowns that use .bg-sunny\2D cave\2D holding / .text-sunny\2D cave\2D holding */
    .navbar .bg-sunny\2D cave\2D holding,
    .dropdown-menu .bg-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }
    
    /* Links colored .text-sunny\2D cave\2D holding (ensure hover readable) */
    a.text-sunny\2D cave\2D holding,
    a.text-sunny\2D cave\2D holding:link {
        color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    a.text-sunny\2D cave\2D holding:hover,
    a.text-sunny\2D cave\2D holding:focus {
        color: var(--kolasa-sunny\2D cave\2D holding-hover) !important;
    }
    
    /* Table utilities */
    .table .table-sunny\2D cave\2D holding,
    .table .table-sunny\2D cave\2D holding > th,
    .table .table-sunny\2D cave\2D holding > td {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }
    
    /* Progress bars */
    .progress-bar.bg-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    
    /* Card header / footer */
    .card.bg-sunny\2D cave\2D holding,
    .card .card-header.bg-sunny\2D cave\2D holding,
    .card .card-footer.bg-sunny\2D cave\2D holding {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: var(--kolasa-sunny\2D cave\2D holding-text) !important;
    }
    
    /* Utility: ensure border utilities (rounded) still show the color */
    .border.border-sunny\2D cave\2D holding {
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
    }
    
    /* Disabled states: keep light but readable */
    .btn-sunny\2D cave\2D holding.disabled,
    .btn-sunny\2D cave\2D holding:disabled,
    .btn-outline-sunny\2D cave\2D holding.disabled,
    .btn-outline-sunny\2D cave\2D holding:disabled {
        background-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        border-color: var(--kolasa-sunny\2D cave\2D holding) !important;
        color: rgba(11,30,53,0.6) !important; /* slightly faded dark text */
        opacity: 0.75 !important;
        pointer-events: none !important;
    }
    
    /* Small tweak: ensure ::placeholder contrast if used on secondary bg */
    input.bg-sunny\2D cave\2D holding::placeholder,
    textarea.bg-sunny\2D cave\2D holding::placeholder {
        color: rgba(11,30,53,0.6) !important;
    }
    
    /* Specificity boost for stubborn components (if some rule still wins) */
    body .btn.btn-sunny\2D cave\2D holding,
    body .bg-sunny\2D cave\2D holding,
    body .text-sunny\2D cave\2D holding {
        /* nothing extra here - this selector exists to raise specificity if needed */
    }