:root{
    --solarco-orange: #d87a17;
    --solarco-orange-rgba: rgba(216, 122, 23, 0.8);
    --solarco-orange-transparent: rgba(216, 122, 23, 0.4);
    --solarco-blue-rgb: rgba(27, 82, 123, 0.8);
    --solarco-blue: #1B527B;
    --solarco-black: #000000;
    --solarco-gray: #484941;
    --solarco-white: #ffffff;
    --gradient-orange: linear-gradient(135deg, #DE910B, #d87a17);
    --gradient-orange-hover: linear-gradient(135deg, #e69f3a, #c66d0d);
    --gradient-blue: linear-gradient(135deg, #1B527B, #2475A3);
    --gradient-blue-inverse: linear-gradient(135deg, #3b8fc0, #1B527B);
    --gradient-black: linear-gradient(135deg, #000000, #2a2a2a);
}
.btn-orange{
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #d87a17 !important;
    --bs-btn-border-color: #d87a17 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: rgba(216, 122, 23, 0.9) !important; /* slightly darker on hover */
    --bs-btn-hover-border-color: rgba(216, 122, 23, 0.9) !important;
    --bs-btn-focus-shadow-rgb: 216, 122, 23 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: rgba(216, 122, 23, 0.8) !important;
    --bs-btn-active-border-color: rgba(216, 122, 23, 0.8) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #d87a17 !important;
    --bs-btn-disabled-border-color: #d87a17 !important;
}
.btn-orange-gradient{
    --bs-btn-color: #fff !important;
    background: var(--gradient-orange) !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(216, 122, 23, 0.3);
}
.btn-orange-gradient:hover{
    background: var(--gradient-orange-hover) !important;
    box-shadow: 0 6px 20px rgba(216, 122, 23, 0.5);
    transform: translateY(-2px);
}
.btn-orange-gradient:active{
    background: var(--fabric-orange-rgba) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
}
.btn-outline-orange{
    --bs-btn-color: #d87a17 !important;
    --bs-btn-border-color: #d87a17 !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #d87a17 !important;
    --bs-btn-hover-border-color: #d87a17 !important;
    --bs-btn-focus-shadow-rgb: 216, 122, 23 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #d87a17 !important;
    --bs-btn-active-border-color: #d87a17 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #d87a17 !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: #d87a17 !important;
    --bs-gradient: none !important;
}
.btn-blue{
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #1B527B !important;
    --bs-btn-border-color: #1B527B !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: rgba(27, 82, 123, 0.9) !important;
    --bs-btn-hover-border-color: rgba(27, 82, 123, 0.9) !important;
    --bs-btn-focus-shadow-rgb: 27, 82, 123 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: rgba(27, 82, 123, 0.8) !important;
    --bs-btn-active-border-color: rgba(27, 82, 123, 0.8) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #1B527B !important;
    --bs-btn-disabled-border-color: #1B527B !important;
}
.btn-blue-gradient{
    --bs-btn-color: #fff !important;
    background: var(--gradient-blue) !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(216, 122, 23, 0.3);
}
.btn-outline-blue{
    --bs-btn-color: #1B527B !important;
    --bs-btn-border-color: #1B527B !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #1B527B !important;
    --bs-btn-hover-border-color: #1B527B !important;
    --bs-btn-focus-shadow-rgb: 27, 82, 123 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #1B527B !important;
    --bs-btn-active-border-color: #1B527B !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    --bs-btn-disabled-color: #1B527B !important;
    --bs-btn-disabled-bg: transparent !important;
    --bs-btn-disabled-border-color: #1B527B !important;
    --bs-gradient: none !important;
}
.bg-orange{
    background-color: var(--solarco-orange) !important;
}
.bg-blue{
    background-color: var(--solarco-blue) !important;
}
.bg-blue-gradient{
    background: var(--gradient-blue) !important;
    color: var(--fabric-white) !important;
}
.bg-blue-gradient-inverse{
    background: var(--gradient-blue-inverse) !important;
    color: var(--fabric-white) !important;
}
.text-blue{
    color: var(--solarco-blue) !important;
}
.text-orange{
    color: var(--solarco-orange) !important;
}
.bg-notif{
    background-color: var(--solarco-blue-rgb) !important;
}