:root {
    /* Override the main DNCG color variables with UCDon official brand colors */
    --dncg-primary-blue: #009bbf !important;        /* UCDon Dark Teal (primary) */
    --dncg-secondary-blue: #1c355e !important;      /* UCDon Dark Blue (secondary) */
    --dncg-teal: #60d1e0 !important;                /* UCDon Light Teal (accent) */
    --dncg-light-blue: #e6f7fb !important;          /* Very light teal for backgrounds */
   
    /* Also override theme variables if they're used */
    --dncg-theme-primary: #009bbf !important;
    --dncg-theme-secondary: #1c355e !important;
    --dncg-theme-primary-dark: #007a99 !important;      /* Darker version of teal */
    --dncg-theme-primary-darker: #005a73 !important;    /* Even darker teal */
    --dncg-theme-secondary-dark: #152a4a !important;    /* Darker blue */
    --dncg-theme-secondary-darker: #0f1f36 !important;  /* Even darker blue */
    --dncg-theme-primary-light: #60d1e0 !important;     /* Light teal */
    --dncg-theme-secondary-light: #2d4975 !important;   /* Lighter blue */
   
    /* Dark grey from brand guide */
    --dncg-dark: #333333 !important;                /* UCDon Dark Grey */
    --dncg-gray: #4a4a4a !important;
    --dncg-light-gray: #6c757d !important;
}

/* Level header gradients - using UCDon teal as primary */
.dncg-level-row[data-level="l4"] .dncg-level-row-header,
.dncg-level-row[data-level="l5"] .dncg-level-row-header,
.dncg-level-row[data-level="l6"] .dncg-level-row-header,
.dncg-level-row[data-level="l7"] .dncg-level-row-header {
    background: linear-gradient(135deg,
        #009bbf 0%,      /* UCDon Dark Teal */
        #005a73 100%     /* Darker teal */
    ) !important;
}

/* Progression arrow - uses the primary teal */
.dncg-progression-arrow path {
    stroke: #009bbf !important;
}

/* Audience pill hover state - UCDon teal */
.dncg-audience-pill:hover {
    background: #009bbf !important;
    color: white !important;
    border-color: #009bbf !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 155, 191, 0.3) !important;  /* Teal shadow */
}

/* Audience pill active state - UCDon teal */
.dncg-audience-pill.active {
    background: #009bbf !important;
    color: white !important;
    border-color: #009bbf !important;
}

/* Subject tile explore button hover - UCDon teal */
.dncg-subject-tile:hover .dncg-explore-btn {
    background: white !important;
    color: #009bbf !important;
}

/* Archive hero section - UCDon teal to dark blue gradient for variety */
.dncg-archive-hero {
    background: linear-gradient(135deg, #009bbf 0%, #1c355e 100%) !important;
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
}

/* Additional overrides for better brand consistency */

/* Primary buttons - use teal */
.dncg-btn-primary,
.dncg-apply-now-btn {
    background: #009bbf !important;
    border-color: #009bbf !important;
}

.dncg-btn-primary:hover,
.dncg-apply-now-btn:hover {
    background: #007a99 !important;
    border-color: #007a99 !important;
}

/* Secondary buttons - use dark blue */
.dncg-btn-secondary {
    background: #1c355e !important;
    color: white !important;
}

.dncg-btn-secondary:hover {
    background: #152a4a !important;
}

/* Career cards - use teal */
.dncg-career-card {
    background: #009bbf !important;
}

.dncg-career-card:hover {
    background: #007a99 !important;
}

/* Section headers - use dark blue for contrast */
.dncg-careers-section h2,
.dncg-courses-section h2,
.dncg-facilities-header h2 {
    color: #1c355e !important;
}

/* Section underlines - teal accent */
.dncg-careers-section h2::after,
.dncg-courses-section h2::after,
.dncg-progression-section h2::after,
.dncg-facilities-header h2::after,
.dncg-news-social-section h2::after,
.dncg-gallery-section h2::after {
    background: #009bbf !important;
}