/* Central colour layer shared by public pages and the isolated admin preview. */
.theme-surface{--ink:var(--cf-text);--blue:var(--cf-accent);--muted:var(--cf-muted);--line:var(--cf-border);background:var(--cf-page)!important;color:var(--cf-text)}
.theme-surface :is(h1,h2,h3,h4){color:var(--cf-text)}
.theme-surface :is(.text-link,.eyebrow,.discovery-cta,.syllabus-link){color:var(--cf-accent)!important}
.theme-surface :is(p,.body-large,.community-intro){color:var(--cf-muted)}
.theme-surface :is(.site-header,.site-header nav,.color-demo-nav){background:var(--cf-header)!important;color:var(--cf-nav)!important}
.theme-surface :is(.site-header nav a,.color-demo-nav span){color:var(--cf-nav)!important}
.theme-surface .announcement{background:var(--cf-announcement)!important;color:var(--cf-announcementText)!important}
.theme-surface .announcement a{color:var(--cf-announcementText)!important}
.theme-surface .hero-stage{background:radial-gradient(ellipse at 20% 100%,var(--cf-heroGlow),transparent 55%),linear-gradient(115deg,var(--cf-heroStart),var(--cf-heroEnd))!important}
.theme-surface .feature-copy :is(h1,h2){color:var(--cf-heroText)!important}
.theme-surface :is(.feature-copy p,.hero-mode,.feature-contact){color:var(--cf-heroMuted)!important}
.theme-surface .feature-copy .eyebrow{color:var(--cf-heroText)!important}
.theme-surface .button{background:var(--cf-button)!important;color:var(--cf-buttonText)!important;border-color:var(--cf-button)!important}
.theme-surface .button:hover{background:var(--cf-buttonHover)!important;border-color:var(--cf-buttonHover)!important}
.theme-surface .button:is(.secondary,.white){background:var(--cf-secondary)!important;color:var(--cf-secondaryText)!important;border-color:var(--cf-border)!important}
.theme-surface .feature-actions .button{background:var(--cf-heroButton)!important;color:var(--cf-heroButtonText)!important;border-color:var(--cf-heroButton)!important}
.theme-surface .feature-actions .button:hover{filter:brightness(.95)}
.theme-surface :is(.confidence-strip,.discovery-panel,.journey){background:linear-gradient(125deg,var(--cf-panelStart),var(--cf-panelEnd))!important;border-color:var(--cf-border)!important}
.theme-surface :is(.category-tile,.technology-pills a){background:var(--cf-tileOne)!important;color:var(--cf-text)!important;border-color:var(--cf-border)!important}
.theme-surface :is(.category-tile,.technology-pills a):nth-child(3n+2){background:var(--cf-tileTwo)!important}
.theme-surface :is(.category-tile,.technology-pills a):nth-child(3n){background:var(--cf-tileThree)!important}
.theme-surface .discovery-tabs a[aria-current=true]{background:var(--cf-button)!important;color:var(--cf-buttonText)!important;border-color:var(--cf-button)!important}
.theme-surface :is(.learning-card,.course-card){background:var(--cf-course)!important;color:var(--cf-courseText)!important;border-color:var(--cf-courseBorder)!important}
.theme-surface :is(.learning-card,.course-card) :is(h3,h3 a,.course-quick-facts dd){color:var(--cf-courseText)!important}
.theme-surface :is(.learning-card,.course-card) :is(p,.learning-meta,.course-meta,.course-quick-facts dt){color:var(--cf-courseMuted)!important}
.theme-surface .learning-actions{border-color:var(--cf-courseBorder)!important}
.theme-surface .community-feedback{background:var(--cf-feedback)!important;border-color:var(--cf-storyBorder)!important;color:var(--cf-feedbackText)!important}
.theme-surface .community-feedback :is(h3,p,small,strong){color:var(--cf-feedbackText)!important}
.theme-surface .community-placements{background:var(--cf-placement)!important;border-color:var(--cf-storyBorder)!important;color:var(--cf-placementText)!important}
.theme-surface .community-placements :is(h3,p,small,strong){color:var(--cf-placementText)!important}
.theme-surface .company-band{background:linear-gradient(120deg,var(--cf-companyStart),var(--cf-companyEnd))!important;border-color:var(--cf-border)!important}
.theme-surface :is(.company-logo-tile,.community-companies){background:var(--cf-companyTile)!important;color:var(--cf-companyText)!important;border-color:var(--cf-border)!important}
.theme-surface .community-companies :is(h3,p){color:var(--cf-companyText)!important}
.theme-surface .corporate-panel{background:linear-gradient(115deg,var(--cf-corporateStart),var(--cf-corporateEnd))!important}
.theme-surface .corporate-panel :is(h2,h3,p,.eyebrow){color:var(--cf-corporateText)!important}
.theme-surface footer{background:var(--cf-footer)!important;color:var(--cf-footerText)!important;border-color:var(--cf-border)!important}
.theme-surface footer :is(h3,p,a:not(.brand),.footer-bottom){color:var(--cf-footerText)!important}

.theme-surface .learning-body small{color:var(--cf-courseMuted)!important}
.theme-surface .detail-hero{background:linear-gradient(115deg,var(--cf-heroStart),var(--cf-heroEnd))!important;color:var(--cf-heroText)}
.theme-surface .detail-hero h1{color:var(--cf-heroText)!important}
.theme-surface .detail-hero :is(p,.breadcrumbs,.detail-facts small,.eyebrow){color:var(--cf-heroMuted)!important}

/* Fixed dark account panel needs its own readable text colors. */
.theme-surface .auth-story{color:#ffffff}
.theme-surface .auth-story :is(h2,strong,li){color:#ffffff}
.theme-surface .auth-story p{color:#d8e8f5}
.theme-surface .auth-story .eyebrow{color:#8ce8ff!important}
.theme-surface .auth-story .auth-course small{color:#d8e8f5}
.theme-surface .auth-story .auth-course>span{color:#a9e6ff}