/* Final reference-video palette and cross-theme correction. Keep modal JS intact. */
:root[data-theme] body{background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] header{background:color-mix(in srgb,var(--e-page) 94%,transparent)!important;border-bottom:1px solid var(--e-border)!important;color:var(--e-text)!important}
:root[data-theme] header :is(.brand,.personal-brand,.site-controls,#primary-nav a){color:var(--e-text)!important}
:root[data-theme] header #primary-nav{background:var(--e-surface)!important;border:1px solid var(--e-border)!important;box-shadow:0 8px 28px #131a2a12!important}
:root[data-theme] header #primary-nav a[aria-current]{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] header :is(.language-toggle,.theme-select,.menu-toggle){color:var(--e-text)!important;border-color:var(--e-border)!important;background:var(--e-surface)!important}
:root[data-theme] :is(.button,.reference-hero .button,#proyectos .button){background:var(--e-button)!important;color:var(--e-button-text)!important;border-color:var(--e-button)!important}
:root[data-theme] :is(.button.secondary,.reference-hero .button.secondary){background:transparent!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] :is(.reference-hero,.reference-about,.reference-stack,.reference-work,.credentials-section,.reference-moments){background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] :is(.reference-journey,.contact){background:var(--e-soft)!important;color:var(--e-text)!important}
:root[data-theme] :is(.reference-hero,.reference-about,.reference-stack,.reference-work,.credentials-section,.reference-moments,.reference-journey,.contact) :is(h1,h2,h3){color:var(--e-text)!important}
:root[data-theme] :is(.reference-section-heading,.reference-topline,.reference-hero-bottom,.reference-hero-eyebrow){color:var(--e-muted)!important;border-color:var(--e-border)!important}
:root[data-theme] .reference-watermark{color:color-mix(in srgb,var(--e-text) 8%,transparent)!important}
:root[data-theme] .reference-hero .reference-kicker,
:root[data-theme] .reference-hero .reference-period{color:var(--e-text)!important}
:root[data-theme] .reference-photo-disc{background:var(--e-surface)!important;border-color:var(--e-border)!important}
:root[data-theme] :is(.reference-hero-dot,.status-dot){background:#8b94b4!important}
:root[data-theme] :is(.reference-about,.reference-stack,.reference-work,.reference-moments,#formacion,#contacto) h2 em{color:var(--e-muted)!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important}
:root[data-theme] .reference-about .reference-id-card{background:var(--e-surface)!important;border-color:var(--e-border)!important;color:var(--e-text)!important;box-shadow:12px 18px 38px #111a3020!important}
:root[data-theme] .reference-about .reference-quick-facts dd{color:var(--e-text)!important}
:root[data-theme] .reference-about .reference-quick-facts dt{color:var(--e-muted)!important}

/* Periodic-table cells: deep navy first row, softly differentiated families. */
:root[data-theme] .reference-skill-composition .skill-tile:nth-child(-n+9){background:var(--e-inverse)!important;color:var(--e-inverse-text)!important;border-color:var(--e-inverse)!important}
:root[data-theme] .reference-skill-composition .skill-tile:nth-child(-n+9)>span,
:root[data-theme] .reference-skill-composition .skill-tile:nth-child(-n+9)>em{color:color-mix(in srgb,var(--e-inverse-text) 78%,transparent)!important}
:root[data-theme="light"] .reference-skill-composition .skill-tile:nth-child(n+10){background:#e9e7eb!important}
:root[data-theme="light"] .reference-skill-composition .skill-tile:nth-child(3n+10){background:#e2e4ed!important}
:root[data-theme="light"] .reference-skill-composition .skill-tile:nth-child(4n+11){background:#ede8e5!important}
:root[data-theme] .reference-skill-composition .skill-tile:nth-child(n+10){border-color:var(--e-border)!important;color:var(--e-text)!important}
:root[data-theme] .skill-inspector{background:var(--e-surface)!important;border-color:var(--e-border)!important}
:root[data-theme] .skill-inspector-art>strong{color:var(--e-accent)!important}
:root[data-theme] #proyectos :is(.feature,.project:not(.dark)){background:var(--e-surface)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] #proyectos .project.dark{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] #proyectos .feature>.feature-capture{background:var(--e-soft)!important}
:root[data-theme] #formacion .academic{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] #formacion .academic :is(h3,p,span){color:var(--e-inverse-text)!important}
:root[data-theme] #formacion :is(.credential,.credential-details){background:var(--e-surface)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .reference-moments .reference-stats strong{color:var(--e-text)!important}
:root[data-theme] .reference-moments .reference-stats p{color:var(--e-muted)!important}
:root[data-theme] #contacto .contact-shell{color:var(--e-text)!important}
:root[data-theme] #contacto .contact-form :is(input,textarea){background:var(--e-page)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] .reference-footer{background:var(--e-inverse)!important;color:var(--e-inverse-text)!important}
:root[data-theme] .reference-footer :is(a,p,span,strong){color:var(--e-inverse-text)!important}
:root[data-theme] dialog.preview-dialog{background:var(--e-page)!important;color:var(--e-text)!important;border-color:var(--e-border)!important}
:root[data-theme] dialog.preview-dialog .preview-toolbar{background:var(--e-surface)!important;color:var(--e-text)!important}
:root[data-theme] dialog.preview-dialog .preview-footer{background:var(--e-page)!important;color:var(--e-text)!important}
:root[data-theme] dialog.preview-dialog footer.preview-footer a.preview-cta,
:root[data-theme] dialog.preview-dialog footer.preview-footer a.preview-cta .preview-cta-label,
:root[data-theme] dialog.preview-dialog footer.preview-footer a.preview-cta .professional-icon{color:var(--e-button-text)!important}
@media(max-width:620px){:root[data-theme] .reference-hero{min-height:0!important}:root[data-theme] .reference-work-heading h2{overflow-wrap:normal!important}}