/* 99active Color Variables - Global Theme */

:root {
    /* Main Theme Colors (Sky/Blue) */
    --main-first-light:     hsl(200.13deg 100% 98%);
    --main-soft-morning:    hsl(200.13deg 100% 92.55%);
    --main-hazy-sky:        hsl(200.13deg 88.24% 80%);
    --main-open-sky:        hsl(200.13deg 76% 39.22%);
    --main-night-fall:      hsl(200.13deg 76% 20%);

    /* Afterglow Theme Colors (Sunset/Orange) */
    --main-late-sun:        hsl(40deg 95% 46%);
    --main-sunset-red:      hsl(40deg 95% 42%);
    --main-soft-afterglow:  hsl(40deg 100% 97%);

    /* Bootstrap Primary Color Mapping */
    --bs-primary: var(--main-open-sky);
    --bs-primary-rgb: 0, 112, 186; /* RGB approximation of --main-open-sky */
    
    /* Bootstrap Link Color Mapping */
    --bs-link-color: var(--main-open-sky);
    --bs-link-color-rgb: 0, 112, 186; /* RGB approximation of --main-open-sky */
    --bs-link-hover-color: hsl(200.13deg 90.27% 44.31%); /* Slightly lighter for hover */
    --bs-link-hover-color-rgb: 0, 120, 200; /* RGB approximation of hover color */
    
    /* Bootstrap Button Variables */
    --bs-btn-bg: var(--main-open-sky);
    --bs-btn-border-color: var(--main-open-sky);
    --bs-btn-color: white;
    --bs-btn-hover-bg: hsl(200.13deg 90.27% 44.31%);
    --bs-btn-hover-border-color: hsl(200.13deg 90.57% 41.57%);
    --bs-btn-hover-color: white;
    --bs-btn-active-bg: hsl(200.13deg 90.57% 41.57%);
    --bs-btn-active-border-color: hsl(200.13deg 90% 39.22%);
    --bs-btn-active-color: white;
    --bs-btn-disabled-bg: var(--main-open-sky);
    --bs-btn-disabled-border-color: var(--main-open-sky);
    --bs-btn-disabled-opacity: 0.65;
    
    /* Bootstrap Outline Button Variables */
    --bs-btn-outline-color: var(--main-open-sky);
    --bs-btn-outline-border-color: var(--main-open-sky);
    --bs-btn-outline-hover-bg: var(--main-open-sky);
    --bs-btn-outline-hover-border-color: var(--main-open-sky);
    --bs-btn-outline-hover-color: white;
    --bs-btn-outline-active-bg: var(--main-open-sky);
    --bs-btn-outline-active-border-color: var(--main-open-sky);
    --bs-btn-outline-active-color: white;
    --bs-btn-outline-disabled-color: var(--main-open-sky);
    --bs-btn-outline-disabled-border-color: var(--main-open-sky);

    /* Backward Compatibility - Map old variables to new ones */
    --main-bg-color: var(--main-open-sky);
    --main-bright-color: var(--main-hazy-sky);
    --main-very-bright-color: var(--main-soft-morning);
    --main-super-bright-color: var(--main-first-light);
    --main-dark-color: var(--main-night-fall);
    
    /* Additional utility variables */
    --main-bg-disabled: hsl(210deg 13.79% 88.63%);
}

/* Bootstrap primary color utilities */
.text-primary {
    color: var(--bs-primary) !important;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}