/* Agenz Foundation V38 — global readability and contrast pass */
:root{
  --v38-ink:#101735;
  --v38-heading:#17203f;
  --v38-copy:#4f5970;
  --v38-muted:#626c82;
  --v38-purple:#5c3fd1;
  --v38-blue:#155fa8;
  --v38-dark:#101735;
  --v38-dark-copy:#d4dbef;
  --v38-dark-muted:#b9c3dc;
  --v38-line:rgba(16,23,53,.14);
}

html{-webkit-text-size-adjust:100%}
body{color:var(--v38-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:where(p,li,dd,figcaption,small){text-wrap:pretty}
:where(input,textarea,select)::placeholder{color:#6a748a!important;opacity:1!important}
:where(a,button,input,textarea,select,summary):focus-visible{outline-color:#2469b8!important;outline-width:3px!important}

/* Public light sections. The clean theme intentionally makes legacy section-dark blocks light. */
.section,.section-light,.section-dark{color:var(--v38-ink)!important}
.section :where(h1,h2,h3,h4),.section-light :where(h1,h2,h3,h4),.section-dark :where(h1,h2,h3,h4){color:var(--v38-heading)!important}
.section :where(p,li),.section-light :where(p,li),.section-dark :where(p,li){color:var(--v38-copy)!important}
.section-heading>p,.page-lead,.hero-lead,.developer-copy>p,.trust-copy>p,.portfolio-note,.research-note{color:var(--v38-copy)!important}
.section .eyebrow,.section-light .eyebrow,.section-dark .eyebrow{color:var(--v38-purple)!important}
.section .eyebrow.cyan,.section-light .eyebrow.cyan,.section-dark .eyebrow.cyan{color:var(--v38-blue)!important}
.section-dark .button-secondary{border-color:rgba(16,23,53,.22)!important;color:var(--v38-ink)!important;background:rgba(255,255,255,.72)!important}
.section-dark .button-secondary:hover{border-color:rgba(92,63,209,.42)!important;background:#fff!important}
.feature-strip article :where(p,span),.expansion-card :where(p,span,b),.preview-card :where(p,span,b){opacity:1!important}
.feature-strip article p,.expansion-card p,.preview-card p{color:var(--v38-copy)!important}
.feature-strip article span,.expansion-card>span,.preview-card>span{color:var(--v38-purple)!important}
.expansion-card b,.preview-card b{color:var(--v38-blue)!important}
.trust-points span,.status-step,.role-card,.policy-list a{color:#46516a!important}

/* Dark surfaces keep an explicit high-contrast palette. */
.site-footer,.cta-band,.cinematic-intro,.academy-section.academy-dark,.workspace-page,
.compare-modal,.compare-drawer,.brief-result,.workspace-toast,.course-toast{color:#fff!important}
.site-footer :where(h1,h2,h3,h4,strong),.cta-band :where(h1,h2,h3,h4),
.cinematic-intro :where(h1,h2,h3),.academy-section.academy-dark :where(h1,h2,h3,h4){color:#fff!important}
.site-footer :where(p,a),.cta-band p,.academy-section.academy-dark p:not(.eyebrow){color:var(--v38-dark-copy)!important}
.site-footer .footer-col>span,.site-footer .footer-end,.site-footer .footer-end span{color:var(--v38-dark-muted)!important}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff!important}
.academy-section.academy-dark .eyebrow{color:#9ddfff!important}
.academy-section.academy-dark .responsibility-list span{color:#edf2ff!important}
.academy-section.academy-dark .responsibility-list b{color:#8fdfff!important}
.cta-band .eyebrow{color:#9ddfff!important}

/* Navigation and labels remain legible without becoming visually loud. */
.desktop-nav a{color:#4d5871!important;font-size:.69rem!important}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--v38-ink)!important}
.header-actions :where(.account-entry,.language-toggle),.header-cta{font-size:.67rem!important}
.language-toggle{color:#59647b!important}
.mobile-menu a{color:var(--v38-ink)!important}
.mobile-nav-no,.mobile-menu a>span{color:var(--v38-purple)!important;opacity:1!important}
.eyebrow,.tag,.course-label,.creative-preview-kicker,.payment-status,
.legal-meta,.market-meta,.hero-status span,.design-steps span{font-size:max(.68rem,10.8px)!important;line-height:1.5!important;opacity:1!important}
.tag,.legal-meta,.market-meta,.hero-status span{color:#515c73!important}

/* Legacy microcopy was designed for a dark cinematic theme; keep it readable on today's clean UI. */
.ecosystem-core,.ecosystem-node,.hero-meta,.hero-chip,.feature-strip span,.developer-sign span,
.trend-card span,.module-nav a,.talent-card .concept-label,.skill-tags span,.badge-row span,
.match-item span,.project-type span,.safety-card span,.lab-card span,.role-card span,.status-step b,
.market-card span,.market-card .market-meta,.lab-card a,.service-detail strong,.product-card span,
.service-process span,.article-meta,.faq-question span:first-child,.legal-sidebar>span,.footer-col>span,
.footer-end,.ai-launcher,.ai-chat-title span,.ai-suggestion,.ai-disclaimer,.companion-kicker,
.companion-choices button,.companion-cta,.trust-row,.core-label,.analysis-state,.analysis-result>span,
.analysis-tags span,.privacy-notice strong,.template-preview i,.template-preview small,.template-info small,
.category-item>button span,.template-preview::after,.template-preview em,.template-specs span,
.selected-template-bar small,.selected-template-bar em,.cinema-skip,.showcase-card figcaption,
.showcase-chip,.design-steps b,.media-label span,.recommendation-grid small,.compare-drawer>span,.compare-drawer>button,
.package-grid span,.case-study-grid span,.workspace-header>span,.workspace-back,.simple-header>a:last-child,
.workspace-progress b,.workspace-selected small,.workspace-security strong,.workspace-selected span,
.workspace-selected a,.workspace-security p,.workspace-section-title>span,.output-plans span,
.qc-panel>strong,.project-brief-form label>span,.order-shell label>span,.order-demo>div span,
.order-demo>div strong,.dash-topbar a,.dash-sync,.dash-identity small,.dash-sidebar nav i,
.dash-admin-link,.dash-public-link,.dash-stats span,.admin-stats span,.dash-stats small,
.dash-roadmap span,.dash-card span,.dash-card a,.notification-item small,.notification-item button,
.security-grid span,.admin-review span,.admin-review-actions button,.dash-sidebar nav button,
.creative-preview-footer>a,.social-own-post footer,.social-message-item footer,.social-own-post button,
.social-message-item button,.social-work-body span,.social-public-post time,.social-profile-stats span{
  font-size:max(.68rem,10.8px)!important;line-height:1.5!important;opacity:1!important
}
.hero-meta,.hero-chip,.developer-sign span,.article-meta,.legal-sidebar>span,
.module-nav a,.service-detail strong,.product-card span,.service-process span{color:#566178!important}
.skill-tags span,.badge-row span,.status-step b,.market-card .market-meta{color:#4e5971!important}
.template-preview i,.template-preview small,.template-preview::after,.template-preview em,
.showcase-card figcaption,.showcase-chip{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.site-footer .footer-col>span,.site-footer .footer-end{font-size:max(.68rem,10.8px)!important}
.cinema-skip,.cinema-tagline{color:var(--v38-dark-copy)!important}
.workspace-page :where(.workspace-header>span,.workspace-back,.simple-header>a:last-child,
  .workspace-progress span,.workspace-selected span,.workspace-security p,.workspace-section-title p,
  .workspace-fields label>span,.choice-block>strong,.output-plans small,.workspace-disclaimer){color:var(--v38-dark-copy)!important}
.workspace-page :where(.workspace-progress b,.workspace-selected small,.workspace-security strong,
  .workspace-section-title>span,.output-plans span,.qc-panel>strong){color:#8edfff!important}

/* Forms, helper copy, tables, status text, and low-emphasis content. */
label>span,.join-fields label>span,.field-grid label>span,#order-lookup label>span,
.v25-form label,.workspace-fields label>span,.choice-block>strong{color:#4f5a72!important}
.form-note,.form-truth,.consent-row span,.privacy-notice p,.pricing-note,
.workspace-disclaimer,.chat-bubble small,.dash-content p,.stack-item p{color:var(--v38-muted)!important;opacity:1!important}
.form-note,.form-truth,.privacy-notice p,.pricing-note,.workspace-disclaimer{font-size:max(.74rem,11.8px)!important;line-height:1.65!important}
input,textarea,select{color:var(--v38-ink)!important;background:#fff!important;border-color:var(--v38-line)!important}
select option{color:var(--v38-ink);background:#fff}
th{color:#4f5a72!important;background:#eef1f7!important}
td{color:#26304b!important}
.form-status,.dash-toast,.v25-status,.payment-status{opacity:1!important}
.form-status{color:#556079!important}
.form-status.success{color:#08724f!important}.form-status.error{color:#a72049!important}

/* Media captions use a denser fade so white copy never disappears into artwork. */
.media-label,.portfolio-card .card-copy,.portfolio-card .portfolio-copy,
.creative-preview-card>span,.course-gallery figcaption,.lesson-visual figcaption{
  color:#fff!important;background:linear-gradient(180deg,transparent 0%,rgba(5,9,28,.92) 62%,rgba(5,9,28,.98) 100%)!important
}
.media-label strong,.creative-preview-card b,.course-gallery figcaption b{color:#fff!important}
.media-label span,.creative-preview-card small,.course-gallery figcaption span{color:#e0e7f6!important;opacity:1!important}
.creative-preview-head small,.creative-preview-footer p{color:#5c667d!important}
.creative-preview-head strong,.creative-preview-footer p span,.creative-preview-footer>a{color:var(--v38-ink)!important}

/* AI Tools and catalogue readability. */
.design-ai-page{color:var(--v38-ink)!important}
.design-hero-lead,.design-intake p,.analysis-empty p,.recommendation-panel>div>p:last-child{color:var(--v38-copy)!important}
.template-info b,.template-info strong{font-size:max(.72rem,11.5px)!important;line-height:1.45!important}
.template-info span,.recommendation-grid small{color:#58637a!important;font-size:max(.7rem,11.2px)!important;opacity:1!important}
.package-grid article:not(.featured) :where(p,li,strong){color:#4f5970!important;opacity:1!important}
.package-grid article:not(.featured) h3{color:var(--v38-heading)!important}
.package-grid article.featured :where(p,li){color:var(--v38-dark-copy)!important;opacity:1!important}
.design-steps{color:#59647b!important}
.design-steps .active,.design-steps b{color:var(--v38-purple)!important}

/* Academy: raise microcopy sizes and strengthen muted text throughout all three experiences. */
.academy-page{--academy-copy:#4f5970;color:var(--v38-ink)!important}
.academy-proof span,.course-facts span,.pricing-note,.lesson-sidebar>div>p:not(.eyebrow),
.learning-card p,.outcome-grid p,.qc-checklist span{color:var(--v38-copy)!important}
.academy-proof span{font-size:.78rem!important}.academy-proof b{font-size:.7rem!important}
.academy-device-head{font-size:.68rem!important}.academy-device-head small{color:#c5cee5!important;font-size:.64rem!important}
.academy-frame figcaption,.course-media-note b{font-size:.7rem!important}
.course-media-note span{color:#d2daed!important;font-size:.66rem!important}
.academy-float-chip,.featured-course-media>span,.learning-card>span,.price-card>span,
.popular-tag,.outcome-grid span,.curriculum-item>button span,.curriculum-item>div small,
.package-compare article>span,.practice-box>span,.lesson-chip-grid b,.hierarchy-stack b,
.completion-card>span{font-size:max(.68rem,10.8px)!important;opacity:1!important}
.learning-card small{color:#626c82!important;font-size:.72rem!important}
.learning-card a,.text-link,.lesson-sidebar>a,.lesson-nav button{font-size:max(.7rem,11.2px)!important}
.course-back{color:#58637a!important;font-size:.72rem!important}
.classroom-header>div>span,.classroom-header>div>b,.lesson-kicker{font-size:max(.68rem,10.8px)!important}
.classroom-header>div>b,.lesson-kicker small,.lesson-sidebar nav small,.practice-box small{color:#626c82!important}
.lesson-sidebar nav small{font-size:.7rem!important}.lesson-sidebar nav button>span{font-size:.66rem!important}
.prompt-formula span{font-size:.7rem!important}

/* Social, legal, dashboards, and generated documents. */
.social-handle,.social-headline,.social-profile-meta span,.social-profile-stats span,
.social-work-body p,.social-public-post p,.social-about-copy,.social-profile-sidebar p,
.social-profile-loading{color:#566178!important}
.legal-document p,.legal-document li,.policy-page p,.legal-document dd{color:#4f5970!important}
.legal-document a,.policy-page a{color:var(--v38-blue)!important;text-decoration-thickness:1px;text-underline-offset:3px}
.dashboard-body,.workspace-body,.brief-page,.order-page,.checkout-page,.account-page,.invoice-body{color:var(--v38-ink)!important}
.dashboard-body :where(h1,h2,h3,h4),.workspace-body :where(h1,h2,h3,h4),
.brief-page :where(h1,h2,h3,h4),.order-page :where(h1,h2,h3,h4){color:var(--v38-heading)}
.dash-sync,.dash-sidebar a,.dash-nav a{color:#525e76!important}
.workspace-body .workspace-head p,.workspace-body .stack-item p,.workspace-body .chat-bubble small{color:#5c677d!important}
.workspace-body .lock-chip{color:#5137bd!important}
.invoice-body>main>p{color:var(--v38-ink)!important}
.invoice-note{color:#424b60!important}

@media(max-width:760px){
  .desktop-nav a{font-size:.69rem!important}
  .eyebrow,.tag,.course-label,.creative-preview-kicker,.legal-meta,.market-meta{letter-spacing:.08em!important}
  .classroom-header>div>b{font-size:.66rem!important}
  .lesson-nav button{font-size:.68rem!important}
  .site-footer .footer-end{line-height:1.65}
}

@media(forced-colors:active){
  :where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid CanvasText!important}
  .gradient-word,.hero-spectrum{color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;background:none!important}
}
