/*
 * Glacier Branding Color Palette
 * Based on MP203 Color Scheme
 */

:root {
    /* Primary Brand Colors - MP203 */
    --glacier-bright-cobalt: #3C6098;
    --glacier-patience: #E6DDD6;
    --glacier-silver-bird: #FBF5F0;
    --glacier-fibonacci-blue: #112358;
    --glacier-dancing-mist: #BFC8D8;
    --glacier-aegean-sky: #E48B59;
    --glacier-ateneo-blue: #003A6C;

    /* Extended Palette - MP071 */
    --glacier-magical-moonlight: #F0EEEB;
    --glacier-polar-drift: #CCD5DA;
    --glacier-sea-buckthorn: #FFBF65;
    --glacier-miami-coral: #FD8973;
    --glacier-neverything: #13181B;

    /* Contrast Ratios from Design */
    --glacier-bright-cobalt-contrast: 6.33;
    --glacier-patience-contrast: 15.68;
    --glacier-silver-bird-contrast: 19.42;
    --glacier-fibonacci-blue-contrast: 14.94;
    --glacier-dancing-mist-contrast: 12.47;
    --glacier-aegean-sky-contrast: 8.14;
    --glacier-magical-moonlight-contrast: 18.13;
    --glacier-polar-drift-contrast: 14.10;
    --glacier-sea-buckthorn-contrast: 12.89;
    --glacier-miami-coral-contrast: 9;
    --glacier-ateneo-blue-contrast: 11.53;
    --glacier-neverything-contrast: 17.88;
}

/* Jumbotron Main Container */
.jumbotron-card-container {
    background-color: var(--glacier-fibonacci-blue) !important;
    color: #FFF !important;
}

.jumbotron-card-container h3,
.jumbotron-card-container h4,
.jumbotron-card-container h5 {
    color: #FFF !important;
}

.jumbotron-card-container h3 a {
    color: #FFF !important;
}

.jumbotron-card-container h3 a:hover {
    color: var(--glacier-aegean-sky) !important;
}

/* Jumbotron Sub-sections */

/* Quote Section - Bright Cobalt */
.bg-jumbotron-quote {
    background-color: var(--glacier-bright-cobalt) !important;
    color: #FFF !important;
}

.bg-jumbotron-quote h4,
.bg-jumbotron-quote h5,
.bg-jumbotron-quote span {
    color: #FFF !important;
}

.bg-jumbotron-quote .text-success,
.bg-jumbotron-quote .text-warning,
.bg-jumbotron-quote .text-danger {
    color: #FFF !important;
}

/* Keep dropdown menu items with original colors */
.bg-jumbotron-quote .dropdown-menu .text-warning {
    color: var(--bs-warning) !important;
}

.bg-jumbotron-quote .dropdown-menu .text-danger {
    color: var(--bs-danger) !important;
}

.bg-jumbotron-quote .dropdown-menu .text-success {
    color: var(--bs-success) !important;
}

/* Order Section - Dark Slate */
.bg-jumbotron-order {
    background-color: #2A3042 !important;
    color: #FFF !important;
}

.bg-jumbotron-order h4,
.bg-jumbotron-order h5 {
    color: #FFF !important;
}

/* Purchase Order Section - Neverything */
.bg-jumbotron-purchase-order {
    background-color: var(--glacier-neverything) !important;
    color: #FFF !important;
}

.bg-jumbotron-purchase-order h4,
.bg-jumbotron-purchase-order h5 {
    color: #FFF !important;
}

/* Calendar Section - Bright Cobalt */
.bg-jumbotron-calendar {
    background-color: var(--glacier-bright-cobalt) !important;
    color: #FFF !important;
}

.bg-jumbotron-calendar h4,
.bg-jumbotron-calendar h5 {
    color: #FFF !important;
}

/* Project Section - Ateneo Blue */
.bg-jumbotron-project {
    background-color: var(--glacier-ateneo-blue) !important;
    color: #FFF !important;
}

.bg-jumbotron-project h4,
.bg-jumbotron-project h5 {
    color: #FFF !important;
}

/* Production Order Section - Sea Buckthorn */
.bg-jumbotron-production-order {
    background-color: var(--glacier-sea-buckthorn) !important;
    color: var(--glacier-fibonacci-blue) !important;
}

.bg-jumbotron-production-order h4,
.bg-jumbotron-production-order h5 {
    color: var(--glacier-fibonacci-blue) !important;
}

.bg-jumbotron-project a {
    color: #FFF !important;
}

.bg-jumbotron-project a:hover {
    color: var(--glacier-aegean-sky) !important;
}

/* Utility Classes for General Use */
.bg-glacier-bright-cobalt {
    background-color: var(--glacier-bright-cobalt) !important;
}

.bg-glacier-patience {
    background-color: var(--glacier-patience) !important;
}

.bg-glacier-silver-bird {
    background-color: var(--glacier-silver-bird) !important;
}

.bg-glacier-fibonacci-blue {
    background-color: var(--glacier-fibonacci-blue) !important;
}

.bg-glacier-dancing-mist {
    background-color: var(--glacier-dancing-mist) !important;
}

.bg-glacier-aegean-sky {
    background-color: var(--glacier-aegean-sky) !important;
}

.text-glacier-bright-cobalt {
    color: var(--glacier-bright-cobalt) !important;
}

.text-glacier-patience {
    color: var(--glacier-patience) !important;
}

.text-glacier-silver-bird {
    color: var(--glacier-silver-bird) !important;
}

.text-glacier-fibonacci-blue {
    color: var(--glacier-fibonacci-blue) !important;
}

.text-glacier-dancing-mist {
    color: var(--glacier-dancing-mist) !important;
}

.text-glacier-aegean-sky {
    color: var(--glacier-aegean-sky) !important;
}

.bg-glacier-ateneo-blue {
    background-color: var(--glacier-ateneo-blue) !important;
}

.text-glacier-ateneo-blue {
    color: var(--glacier-ateneo-blue) !important;
}

/* Extended Palette Utilities - MP071 */
.bg-glacier-magical-moonlight {
    background-color: var(--glacier-magical-moonlight) !important;
}

.text-glacier-magical-moonlight {
    color: var(--glacier-magical-moonlight) !important;
}

.bg-glacier-polar-drift {
    background-color: var(--glacier-polar-drift) !important;
}

.text-glacier-polar-drift {
    color: var(--glacier-polar-drift) !important;
}

.bg-glacier-sea-buckthorn {
    background-color: var(--glacier-sea-buckthorn) !important;
}

.text-glacier-sea-buckthorn {
    color: var(--glacier-sea-buckthorn) !important;
}

.bg-glacier-miami-coral {
    background-color: var(--glacier-miami-coral) !important;
}

.text-glacier-miami-coral {
    color: var(--glacier-miami-coral) !important;
}

.bg-glacier-neverything {
    background-color: var(--glacier-neverything) !important;
}

.text-glacier-neverything {
    color: var(--glacier-neverything) !important;
}

/* Active Navigation Tabs */
.project-navigation .nav-tabs .nav-link.active {
    background-color: var(--glacier-fibonacci-blue) !important;
    border-color: var(--glacier-fibonacci-blue) !important;
    color: #FFF !important;
}

.calendar-navigation .nav-tabs .nav-link.active {
    background-color: var(--glacier-fibonacci-blue) !important;
    border-color: var(--glacier-fibonacci-blue) !important;
    color: #FFF !important;
}

/* ========================================
   Bootstrap 5 Pattern: Buttons
   ======================================== */

/* Bright Cobalt Buttons */
.btn-glacier-bright-cobalt {
    background-color: var(--glacier-bright-cobalt);
    border-color: var(--glacier-bright-cobalt);
    color: #FFF;
}

.btn-glacier-bright-cobalt:hover,
.btn-glacier-bright-cobalt:focus {
    background-color: #2f4d79;
    border-color: #2a4570;
    color: #FFF;
}

.btn-glacier-bright-cobalt:active,
.btn-glacier-bright-cobalt.active {
    background-color: #2a4570;
    border-color: #253d66;
    color: #FFF;
}

.btn-outline-glacier-bright-cobalt {
    border-color: var(--glacier-bright-cobalt);
    color: var(--glacier-bright-cobalt);
}

.btn-outline-glacier-bright-cobalt:hover,
.btn-outline-glacier-bright-cobalt:focus {
    background-color: var(--glacier-bright-cobalt);
    border-color: var(--glacier-bright-cobalt);
    color: #FFF;
}

/* Patience Buttons */
.btn-glacier-patience {
    background-color: var(--glacier-patience);
    border-color: var(--glacier-patience);
    color: #1d1d1f;
}

.btn-glacier-patience:hover,
.btn-glacier-patience:focus {
    background-color: #d9cfc6;
    border-color: #d2c7bd;
    color: #1d1d1f;
}

.btn-glacier-patience:active,
.btn-glacier-patience.active {
    background-color: #d2c7bd;
    border-color: #cbbfb4;
    color: #1d1d1f;
}

.btn-outline-glacier-patience {
    border-color: var(--glacier-patience);
    color: var(--glacier-patience);
}

.btn-outline-glacier-patience:hover,
.btn-outline-glacier-patience:focus {
    background-color: var(--glacier-patience);
    border-color: var(--glacier-patience);
    color: #1d1d1f;
}

/* Silver Bird Buttons */
.btn-glacier-silver-bird {
    background-color: var(--glacier-silver-bird);
    border-color: var(--glacier-silver-bird);
    color: #1d1d1f;
}

.btn-glacier-silver-bird:hover,
.btn-glacier-silver-bird:focus {
    background-color: #f0e9e0;
    border-color: #ebe3d7;
    color: #1d1d1f;
}

.btn-glacier-silver-bird:active,
.btn-glacier-silver-bird.active {
    background-color: #ebe3d7;
    border-color: #e6ddce;
    color: #1d1d1f;
}

.btn-outline-glacier-silver-bird {
    border-color: var(--glacier-silver-bird);
    color: var(--glacier-silver-bird);
}

.btn-outline-glacier-silver-bird:hover,
.btn-outline-glacier-silver-bird:focus {
    background-color: var(--glacier-silver-bird);
    border-color: var(--glacier-silver-bird);
    color: #1d1d1f;
}

/* Fibonacci Blue Buttons */
.btn-glacier-fibonacci-blue {
    background-color: var(--glacier-fibonacci-blue);
    border-color: var(--glacier-fibonacci-blue);
    color: #FFF;
}

.btn-glacier-fibonacci-blue:hover,
.btn-glacier-fibonacci-blue:focus {
    background-color: #0d1a46;
    border-color: #0b163d;
    color: #FFF;
}

.btn-glacier-fibonacci-blue:active,
.btn-glacier-fibonacci-blue.active {
    background-color: #0b163d;
    border-color: #091234;
    color: #FFF;
}

.btn-outline-glacier-fibonacci-blue {
    border-color: var(--glacier-fibonacci-blue);
    color: var(--glacier-fibonacci-blue);
}

.btn-outline-glacier-fibonacci-blue:hover,
.btn-outline-glacier-fibonacci-blue:focus {
    background-color: var(--glacier-fibonacci-blue);
    border-color: var(--glacier-fibonacci-blue);
    color: #FFF;
}

/* Dancing Mist Buttons */
.btn-glacier-dancing-mist {
    background-color: var(--glacier-dancing-mist);
    border-color: var(--glacier-dancing-mist);
    color: #1d1d1f;
}

.btn-glacier-dancing-mist:hover,
.btn-glacier-dancing-mist:focus {
    background-color: #a9b5c9;
    border-color: #a0adc3;
    color: #1d1d1f;
}

.btn-glacier-dancing-mist:active,
.btn-glacier-dancing-mist.active {
    background-color: #a0adc3;
    border-color: #97a5bd;
    color: #1d1d1f;
}

.btn-outline-glacier-dancing-mist {
    border-color: var(--glacier-dancing-mist);
    color: var(--glacier-dancing-mist);
}

.btn-outline-glacier-dancing-mist:hover,
.btn-outline-glacier-dancing-mist:focus {
    background-color: var(--glacier-dancing-mist);
    border-color: var(--glacier-dancing-mist);
    color: #1d1d1f;
}

/* Aegean Sky Buttons */
.btn-glacier-aegean-sky {
    background-color: var(--glacier-aegean-sky);
    border-color: var(--glacier-aegean-sky);
    color: #FFF;
}

.btn-glacier-aegean-sky:hover,
.btn-glacier-aegean-sky:focus {
    background-color: #d97846;
    border-color: #d46f3d;
    color: #FFF;
}

.btn-glacier-aegean-sky:active,
.btn-glacier-aegean-sky.active {
    background-color: #d46f3d;
    border-color: #cf6634;
    color: #FFF;
}

.btn-outline-glacier-aegean-sky {
    border-color: var(--glacier-aegean-sky);
    color: var(--glacier-aegean-sky);
}

.btn-outline-glacier-aegean-sky:hover,
.btn-outline-glacier-aegean-sky:focus {
    background-color: var(--glacier-aegean-sky);
    border-color: var(--glacier-aegean-sky);
    color: #FFF;
}

/* Ateneo Blue Buttons */
.btn-glacier-ateneo-blue {
    background-color: var(--glacier-ateneo-blue);
    border-color: var(--glacier-ateneo-blue);
    color: #FFF;
}

.btn-glacier-ateneo-blue:hover,
.btn-glacier-ateneo-blue:focus {
    background-color: #002e56;
    border-color: #002749;
    color: #FFF;
}

.btn-glacier-ateneo-blue:active,
.btn-glacier-ateneo-blue.active {
    background-color: #002749;
    border-color: #00203d;
    color: #FFF;
}

.btn-outline-glacier-ateneo-blue {
    border-color: var(--glacier-ateneo-blue);
    color: var(--glacier-ateneo-blue);
}

.btn-outline-glacier-ateneo-blue:hover,
.btn-outline-glacier-ateneo-blue:focus {
    background-color: var(--glacier-ateneo-blue);
    border-color: var(--glacier-ateneo-blue);
    color: #FFF;
}

/* ========================================
   Bootstrap 5 Pattern: Badges
   ======================================== */

/* Bright Cobalt Badges */
.badge-glacier-bright-cobalt {
    background-color: var(--glacier-bright-cobalt);
    color: #FFF;
}

/* Patience Badges */
.badge-glacier-patience {
    background-color: var(--glacier-patience);
    color: #1d1d1f;
}

/* Silver Bird Badges */
.badge-glacier-silver-bird {
    background-color: var(--glacier-silver-bird);
    color: #1d1d1f;
}

/* Fibonacci Blue Badges */
.badge-glacier-fibonacci-blue {
    background-color: var(--glacier-fibonacci-blue);
    color: #FFF;
}

/* Dancing Mist Badges */
.badge-glacier-dancing-mist {
    background-color: var(--glacier-dancing-mist);
    color: #1d1d1f;
}

/* Aegean Sky Badges */
.badge-glacier-aegean-sky {
    background-color: var(--glacier-aegean-sky);
    color: #FFF;
}

/* Ateneo Blue Badges */
.badge-glacier-ateneo-blue {
    background-color: var(--glacier-ateneo-blue);
    color: #FFF;
}

/* Extended Palette - MP071 Badges */
.badge-glacier-magical-moonlight {
    background-color: var(--glacier-magical-moonlight);
    color: #1d1d1f;
}

.badge-glacier-polar-drift {
    background-color: var(--glacier-polar-drift);
    color: #1d1d1f;
}

.badge-glacier-sea-buckthorn {
    background-color: var(--glacier-sea-buckthorn);
    color: #1d1d1f;
}

.badge-glacier-miami-coral {
    background-color: var(--glacier-miami-coral);
    color: #FFF;
}

.badge-glacier-neverything {
    background-color: var(--glacier-neverything);
    color: #FFF;
}

/* ========================================
   Border Utilities
   ======================================== */

.border-glacier-bright-cobalt {
    border-color: var(--glacier-bright-cobalt) !important;
}

.border-glacier-patience {
    border-color: var(--glacier-patience) !important;
}

.border-glacier-silver-bird {
    border-color: var(--glacier-silver-bird) !important;
}

.border-glacier-fibonacci-blue {
    border-color: var(--glacier-fibonacci-blue) !important;
}

.border-glacier-dancing-mist {
    border-color: var(--glacier-dancing-mist) !important;
}

.border-glacier-aegean-sky {
    border-color: var(--glacier-aegean-sky) !important;
}

.border-glacier-ateneo-blue {
    border-color: var(--glacier-ateneo-blue) !important;
}

.border-glacier-magical-moonlight {
    border-color: var(--glacier-magical-moonlight) !important;
}

.border-glacier-polar-drift {
    border-color: var(--glacier-polar-drift) !important;
}

.border-glacier-sea-buckthorn {
    border-color: var(--glacier-sea-buckthorn) !important;
}

.border-glacier-miami-coral {
    border-color: var(--glacier-miami-coral) !important;
}

.border-glacier-neverything {
    border-color: var(--glacier-neverything) !important;
}