/* DSE Enrollment 2026 navy-and-gold alignment.
 * Loaded last. Semantic success, warning, and error colors are preserved.
 */

:root {
    --dse-navy-950: #061126;
    --dse-navy-900: #091a38;
    --dse-navy-850: #102851;
    --dse-gold-500: #f0b828;
    --dse-gold-highlight: #fce466;
    --dse-gold-edge: #ac740c;
    --dse-ink: #101b31;
    --dse-muted: #536077;
    --dse-border: #d7dfeb;
    --dse-surface-soft: #f3f6fa;
}

body.dse-enroll-target {
    background:
        radial-gradient(circle at 13% 8%, rgba(240, 184, 40, .16), transparent 30rem),
        radial-gradient(circle at 89% 22%, rgba(252, 228, 102, .07), transparent 27rem),
        radial-gradient(circle at 50% 112%, rgba(240, 184, 40, .08), transparent 33rem),
        linear-gradient(145deg, #061126 0%, #091a38 55%, #061126 100%) !important;
}

body.dse-enroll-target::after {
    background-image:
        linear-gradient(rgba(240, 184, 40, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(240, 184, 40, .04) 1px, transparent 1px) !important;
}

.dse-enroll-brand-mark {
    border: 1px solid rgba(240, 184, 40, .72) !important;
    background: #061126 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .24) !important;
}

.dse-enroll-brand-mark img,
.dse-enroll-footer-brand img,
.dse-enroll-download-icon img {
    border-radius: 7px !important;
}

.dse-enroll-progress {
    border-color: rgba(240, 184, 40, .20) !important;
    background: rgba(6, 17, 38, .78) !important;
}

.dse-enroll-progress li.is-active > span,
.dse-enroll-progress li[aria-current="step"] > span {
    border-color: #ac740c !important;
    background: linear-gradient(135deg, #fce466, #f0b828) !important;
    color: #061126 !important;
}

.dse-enroll-layout-entry .dse-enroll-card,
.dse-enroll-install-panel {
    border-color: rgba(240, 184, 40, .24) !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 30px 90px rgba(0, 7, 20, .42), 0 1px 0 rgba(255, 255, 255, .8) inset !important;
}

.dse-enroll-layout-entry .dse-enroll-card::before,
.dse-enroll-install-panel::before {
    background: linear-gradient(90deg, #ac740c, #f0b828 45%, #fce466 70%, #f0b828) !important;
}

.dse-enroll-eyebrow {
    color: #7a5008 !important;
}

.dse-enroll-layout-entry .dse-enroll-card-head h1,
.dse-enroll-install-panel .dse-enroll-card-head h1 {
    color: #101b31 !important;
}

.dse-enroll-layout-entry .dse-enroll-card-head h1 em,
.dse-enroll-install-panel .dse-enroll-card-head h1 em {
    color: #ac740c !important;
}

.dse-enroll-code-input:focus {
    border-color: #f0b828 !important;
    box-shadow: 0 0 0 5px rgba(240, 184, 40, .16), 0 12px 28px rgba(172, 116, 12, .10) !important;
}

.dse-enroll-button-primary {
    border: 1px solid #ac740c !important;
    background: linear-gradient(135deg, #fce466, #f0b828) !important;
    box-shadow: 0 14px 30px rgba(172, 116, 12, .26), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
    color: #061126 !important;
}

.dse-enroll-button-primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #fff0a2, #fce466) !important;
    box-shadow: 0 19px 36px rgba(172, 116, 12, .30), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
    color: #061126 !important;
}

.dse-enroll-button-primary:focus-visible {
    outline-color: rgba(240, 184, 40, .72) !important;
}

.dse-enroll-button-arrow {
    background: rgba(6, 17, 38, .12) !important;
    color: #061126 !important;
}

.dse-enroll-footer > a,
.dse-enroll-help a {
    color: #fce466 !important;
}

.dse-enroll-target :where(input, button, a):focus-visible {
    outline-color: #f0b828 !important;
}