:root {
    /* Override the main DNCG color variables with UCNL green palette */
    --dncg-primary-blue: #008f49 !important;        /* UCNL Primary green */
    --dncg-secondary-blue: #006633 !important;      /* Darker green for secondary */
    --dncg-teal: #00b359 !important;                /* Brighter green accent */
    --dncg-light-blue: #e6f7ef !important;          /* Very light green for backgrounds */
   
    /* Also override theme variables if they're used */
    --dncg-theme-primary: #008f49 !important;
    --dncg-theme-secondary: #006633 !important;
    --dncg-theme-primary-dark: #006633 !important;      /* Darker version of primary */
    --dncg-theme-primary-darker: #004422 !important;    /* Even darker */
    --dncg-theme-secondary-dark: #004d26 !important;    /* Darker secondary */
    --dncg-theme-secondary-darker: #003319 !important;  /* Even darker secondary */
    --dncg-theme-primary-light: #33a866 !important;     /* Lighter version */
    --dncg-theme-secondary-light: #00b359 !important;   /* Light secondary */
   
    /* Dark greys for text */
    --dncg-dark: #1a1a1a !important;
    --dncg-gray: #4a4a4a !important;
    --dncg-light-gray: #6c757d !important;
}

/* Level header gradients - using correct UCNL green */
.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,
        #008f49 0%,      /* UCNL primary green */
        #004422 100%     /* Darkened version */
    ) !important;
}

/* Progression arrow - uses the primary green */
.dncg-progression-arrow path {
    stroke: #008f49 !important;
}

/* Audience pill hover state - UCNL green */
.dncg-audience-pill:hover {
    background: #008f49 !important;
    color: white !important;
    border-color: #008f49 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 143, 73, 0.3) !important;  /* Green shadow */
}

/* Audience pill active state - UCNL green */
.dncg-audience-pill.active {
    background: #008f49 !important;
    color: white !important;
    border-color: #008f49 !important;
}

/* Subject tile explore button hover - UCNL green */
.dncg-subject-tile:hover .dncg-explore-btn {
    background: white !important;
    color: #008f49 !important;
}

.dncg-archive-hero {
    background: linear-gradient(135deg, #00693E 0%, #004d2c 100%);
    padding: 100px 0 80px;
    position: relative;
    overflow: hidden;
  }