/* ==========================================================================
   GLOBAL EXECUTIVE THEME SYSTEM: LIGHT & DARK HIGH-CONTRAST MODE
   Sergio Velasco Muñoz — Executive Portfolio
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ROOT DESIGN TOKENS (LIGHT MODE IS DEFAULT)
   -------------------------------------------------------------------------- */
:root {
  --brand-void: #E2E8F0;
  --brand-dark: #CBD5E1;
  --brand-surface: #FFFFFF;
  --brand-card: #FFFFFF;
  --brand-card-hover: #F8FAFC;
  --brand-border: #94A3B8;
  --brand-border-active: rgba(37, 99, 235, 0.50);
  --brand-accent: #1D4ED8;
  --brand-accent-hover: #1E40AF;
  --brand-accent-glow: rgba(37, 99, 235, 0.15);
  --brand-sapphire: #1D4ED8;
  --brand-gold: #D97706;
  --brand-emerald: #059669;
  color-scheme: light;
}

html.theme-light,
html.theme-light body {
  background-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* --------------------------------------------------------------------------
   2. DARK MODE DESIGN TOKENS (WHEN NOT IN LIGHT MODE)
   -------------------------------------------------------------------------- */
html:not(.theme-light),
body:not(.theme-light) {
  --brand-void: #070B14 !important;
  --brand-dark: #0B0F19 !important;
  --brand-surface: #101722 !important;
  --brand-card: #141B26 !important;
  --brand-card-hover: #182231 !important;
  --brand-border: rgba(148, 163, 184, 0.14) !important;
  --brand-border-active: rgba(59, 130, 246, 0.50) !important;
  --brand-accent: #3B82F6 !important;
  --brand-accent-hover: #60A5FA !important;
  --brand-accent-glow: rgba(59, 130, 246, 0.25) !important;
  --brand-sapphire: #3B82F6 !important;
  --brand-gold: #F59E0B !important;
  --brand-emerald: #10B981 !important;
  color-scheme: dark;
}

/* Explicit Light Mode Tokens */
html.theme-light,
body.theme-light {
  --brand-void: #E2E8F0 !important;
  --brand-dark: #CBD5E1 !important;
  --brand-surface: #FFFFFF !important;
  --brand-card: #FFFFFF !important;
  --brand-card-hover: #F8FAFC !important;
  --brand-border: #94A3B8 !important;
  --brand-border-active: rgba(37, 99, 235, 0.60) !important;
  --brand-accent: #1D4ED8 !important;
  --brand-accent-hover: #1E40AF !important;
  --brand-accent-glow: rgba(37, 99, 235, 0.15) !important;
  --brand-sapphire: #1D4ED8 !important;
  --brand-gold: #D97706 !important;
  --brand-emerald: #059669 !important;
  color-scheme: light;
}

/* --------------------------------------------------------------------------
   3. GLOBAL DARK MODE TYPOGRAPHY CONTRAST BOOST
   -------------------------------------------------------------------------- */
body:not(.theme-light) .text-slate-400 {
  color: #CBD5E1 !important;
}

body:not(.theme-light) .text-slate-500 {
  color: #94A3B8 !important;
}

body:not(.theme-light) .text-slate-600 {
  color: #64748B !important;
}

/* Executive Subtitle in Dark Mode: Luminous High-Contrast Sapphire Blue */
body:not(.theme-light) .site-header .text-sky-400,
body:not(.theme-light) .site-header .text-sky-300 {
  color: #60A5FA !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

/* Royal Blue CTA in Dark Mode */
body:not(.theme-light) .site-header a[href*="contact.html"].bg-sky-400 {
  background-color: #2563EB !important;
  color: #FFFFFF !important;
  border-color: #60A5FA !important;
  box-shadow: 0 4px 18px rgba(37, 99, 235, 0.45) !important;
}
body:not(.theme-light) .site-header a[href*="contact.html"].bg-sky-400:hover {
  background-color: #3B82F6 !important;
  color: #FFFFFF !important;
}
body:not(.theme-light) .site-header a[href*="contact.html"].bg-sky-400:active {
  background-color: #1D4ED8 !important;
  transform: scale(0.97);
}

/* --------------------------------------------------------------------------
   4. LIGHT MODE STYLES (.theme-light / Default)
   -------------------------------------------------------------------------- */
html.theme-light body,
body.theme-light {
  background-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* Light mode tactical grid background */
body.theme-light.tactical-grid {
  background-color: #E2E8F0 !important;
  background-image: 
    radial-gradient(1200px circle at 50% -10%, rgba(37, 99, 235, 0.07) 0%, transparent 70%),
    radial-gradient(900px circle at 100% 20%, rgba(203, 213, 225, 0.85) 0%, transparent 60%),
    radial-gradient(1000px circle at 0% 70%, rgba(203, 213, 225, 0.95) 0%, transparent 60%) !important;
  background-attachment: fixed;
}

/* Site Header in Light Mode */
html.theme-light body .site-header,
html.theme-light .site-header,
body.theme-light .site-header,
.theme-light .site-header {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.theme-light .site-header .brand-mark-type,
.theme-light .site-header .text-slate-100,
html.theme-light .site-header .brand-mark-type,
html.theme-light .site-header .text-slate-100 {
  color: #0F172A !important;
}

/* Executive Subtitle in Light Mode: Crisp, Commanding Sapphire Blue */
.theme-light .site-header .text-sky-400,
.theme-light .site-header .text-sky-300,
html.theme-light .site-header .text-sky-400,
html.theme-light .site-header .text-sky-300 {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

.theme-light .site-header nav.bg-brand-surface\/70,
.theme-light .site-header nav[class*="bg-brand-surface"],
html.theme-light .site-header nav[class*="bg-brand-surface"] {
  background: #F1F5F9 !important;
  border-color: #CBD5E1 !important;
}

.theme-light .site-header .nav-tab-btn,
html.theme-light .site-header .nav-tab-btn,
body.theme-light .site-header .nav-tab-btn {
  color: #334155 !important;
}

.theme-light .site-header .nav-tab-btn:hover,
html.theme-light .site-header .nav-tab-btn:hover,
body.theme-light .site-header .nav-tab-btn:hover {
  color: #1D4ED8 !important;
  background-color: #E2E8F0 !important;
}

.theme-light .site-header .nav-tab-btn:active,
html.theme-light .site-header .nav-tab-btn:active,
body.theme-light .site-header .nav-tab-btn:active {
  transform: scale(0.97) !important;
}

.theme-light .site-header .nav-tab-btn.nav-active,
html.theme-light .site-header .nav-tab-btn.nav-active,
body.theme-light .site-header .nav-tab-btn.nav-active {
  background: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30) !important;
}

.theme-light .site-header .nav-tab-btn.nav-active svg,
.theme-light .site-header .nav-tab-btn.nav-active svg path,
html.theme-light .site-header .nav-tab-btn.nav-active svg,
html.theme-light .site-header .nav-tab-btn.nav-active svg path {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.theme-light .site-header .nav-tab-btn:not(.nav-active) svg,
html.theme-light .site-header .nav-tab-btn:not(.nav-active) svg {
  color: #475569 !important;
}

body.theme-light #more-nav-toggle {
  color: #475569 !important;
}
body.theme-light #more-nav-toggle:hover {
  color: #1D4ED8 !important;
  background: #E2E8F0 !important;
}
body.theme-light #more-nav-toggle:active {
  transform: scale(0.97);
}

/* Secondary Navigation Row */
body.theme-light #secondary-nav nav {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

body.theme-light #secondary-nav .nav-tab-btn {
  color: #334155 !important;
}

body.theme-light #secondary-nav .nav-tab-btn:hover {
  color: #1D4ED8 !important;
  background: #F1F5F9 !important;
}

body.theme-light #secondary-nav .nav-tab-btn:active {
  transform: scale(0.97);
}

body.theme-light #secondary-nav .nav-tab-btn.text-brand-accent {
  background: #2563EB !important;
  color: #FFFFFF !important;
  border-color: #2563EB !important;
}

/* Primary "Let's talk" CTA in Light Mode */
body.theme-light .site-header a[href*="contact.html"].bg-sky-400 {
  background-color: #2563EB !important;
  color: #FFFFFF !important;
  border-color: #1D4ED8 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}
body.theme-light .site-header a[href*="contact.html"].bg-sky-400:hover {
  background-color: #1D4ED8 !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
  transform: translateY(-1px);
}
body.theme-light .site-header a[href*="contact.html"].bg-sky-400:active {
  background-color: #1E40AF !important;
  transform: scale(0.97);
}

/* --------------------------------------------------------------------------
   5. THEME TOGGLE BUTTON (HIGH VISIBILITY IN BOTH MODES)
   -------------------------------------------------------------------------- */
.theme-toggle-btn {
  padding: 0.45rem 0.85rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  font-weight: 700;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  user-select: none;
}
.theme-toggle-btn:active {
  transform: scale(0.94) !important;
}

/* Highly visible in Dark Mode: warm illuminated amber container with glowing sun */
body:not(.theme-light) .theme-toggle-btn {
  background: #1E293B !important;
  border: 1.5px solid #F59E0B !important;
  color: #FBBF24 !important;
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.40), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
body:not(.theme-light) .theme-toggle-btn:hover {
  background: #334155 !important;
  border-color: #FCD34D !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.65) !important;
  transform: translateY(-1px);
}
body:not(.theme-light) .theme-toggle-btn .theme-toggle-sun {
  filter: drop-shadow(0 0 4px #F59E0B);
}

/* Crisp & Executive in Light Mode: white pill with royal blue border & sapphire moon */
body.theme-light .theme-toggle-btn {
  background: #FFFFFF !important;
  border: 1.5px solid #2563EB !important;
  color: #1D4ED8 !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.18) !important;
}
body.theme-light .theme-toggle-btn:hover {
  background: #EFF6FF !important;
  border-color: #1D4ED8 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28) !important;
  transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   5b. LANGUAGE TOGGLE BUTTON (EN / ES)
   -------------------------------------------------------------------------- */
.lang-toggle-btn {
  padding: 0.45rem 0.75rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  font-weight: 700;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  user-select: none;
}
.lang-toggle-btn:active {
  transform: scale(0.94) !important;
}
.lang-toggle-btn .lang-divider {
  opacity: 0.35;
  font-weight: 400;
  margin: 0 1px;
}
.lang-toggle-btn .active-lang {
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 2.5px;
}

body:not(.theme-light) .lang-toggle-btn {
  background: #1E293B !important;
  border: 1.5px solid #38BDF8 !important;
  color: #94A3B8 !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}
body:not(.theme-light) .lang-toggle-btn:hover {
  background: #0F172A !important;
  border-color: #BAE6FD !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.50) !important;
  transform: translateY(-1px);
}
body:not(.theme-light) .lang-toggle-btn .active-lang {
  color: #38BDF8 !important;
}

body.theme-light .lang-toggle-btn {
  background: #FFFFFF !important;
  border: 1.5px solid #0284C7 !important;
  color: #64748B !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.16) !important;
}
body.theme-light .lang-toggle-btn:hover {
  background: #F0F9FF !important;
  border-color: #0284C7 !important;
  color: #0369A1 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.25) !important;
  transform: translateY(-1px);
}
body.theme-light .lang-toggle-btn .active-lang {
  color: #0284C7 !important;
}

/* Mobile Drawer in Light Mode */
body.theme-light #mobile-drawer {
  background: rgba(255, 255, 255, 0.98) !important;
  border-top-color: #E2E8F0 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
  color: #0F172A !important;
}

body.theme-light #mobile-drawer a,
body.theme-light #mobile-drawer button {
  color: #1E293B !important;
}

body.theme-light #mobile-drawer a:hover,
body.theme-light #mobile-drawer button:hover {
  background: #F1F5F9 !important;
  color: #1D4ED8 !important;
}
body.theme-light #mobile-drawer a:active,
body.theme-light #mobile-drawer button:active {
  transform: scale(0.98);
}

body.theme-light #mobile-drawer a.text-brand-accent {
  background: rgba(37, 99, 235, 0.08) !important;
  color: #1D4ED8 !important;
}

/* --------------------------------------------------------------------------
   6. LIGHT MODE TYPOGRAPHY, HEADINGS & CONTAINERS
   -------------------------------------------------------------------------- */
.theme-light h1,
.theme-light h2,
.theme-light h3,
.theme-light h4,
.theme-light .text-white,
.theme-light .text-slate-100,
.theme-light .boardroom-heading,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3,
body.theme-light h4,
body.theme-light .text-white,
body.theme-light .text-slate-100,
body.theme-light .boardroom-heading {
  color: #0F172A !important;
}

.theme-light p,
.theme-light .text-slate-300,
.theme-light .text-slate-200,
body.theme-light p,
body.theme-light .text-slate-300,
body.theme-light .text-slate-200 {
  color: #334155 !important;
}

.theme-light .text-slate-400,
.theme-light .text-slate-500,
.theme-light .vector-meta,
.theme-light .vector-label,
body.theme-light .text-slate-400,
body.theme-light .text-slate-500,
body.theme-light .vector-meta,
body.theme-light .vector-label {
  color: #475569 !important;
}

/* Global Cards & Structural Surfaces in Light Mode */
.theme-light article:not(.paper-card),
.theme-light .custom-rounded-box,
.theme-light .executive-card,
.theme-light .case-card,
.theme-light .strategic-vector,
.theme-light .course-card,
.theme-light .speaking-card,
.theme-light .bg-brand-surface,
.theme-light [class*="bg-brand-surface"],
body.theme-light article:not(.paper-card),
body.theme-light .custom-rounded-box,
body.theme-light .executive-card,
body.theme-light .case-card,
body.theme-light .strategic-vector,
body.theme-light .course-card,
body.theme-light .speaking-card,
body.theme-light .bg-brand-surface,
body.theme-light [class*="bg-brand-surface"] {
  background: linear-gradient(140deg, #FFFFFF 0%, #F8FAFC 45%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

.theme-light .executive-card:hover,
.theme-light .case-card:hover,
.theme-light .strategic-vector:hover,
.theme-light .course-card:hover,
body.theme-light .executive-card:hover,
body.theme-light .case-card:hover,
body.theme-light .strategic-vector:hover,
body.theme-light .course-card:hover {
  box-shadow: 0 12px 28px -4px rgba(37, 99, 235, 0.14) !important;
  border-color: #60A5FA !important;
}

.theme-light .border-white\/10,
.theme-light .border-white\/5,
.theme-light .border-white\/20,
.theme-light .border-brand-border,
body.theme-light .border-white\/10,
body.theme-light .border-white\/5,
body.theme-light .border-white\/20,
body.theme-light .border-brand-border {
  border-color: #CBD5E1 !important;
}

.theme-light [class*="bg-white/"],
body.theme-light [class*="bg-white/"] {
  background-color: #F8FAFC !important;
  border-color: #CBD5E1 !important;
}

/* --------------------------------------------------------------------------
   7. PROJECT CARDS (.view-projects & article cards) REFINEMENT
   -------------------------------------------------------------------------- */
/* Project Card Outer Shell in Light Mode */
body.theme-light #view-projects article,
body.theme-light article.custom-rounded-box {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.theme-light #view-projects article:hover,
body.theme-light article.custom-rounded-box:hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 14px 32px -4px rgba(37, 99, 235, 0.14) !important;
  transform: translateY(-3px) !important;
}

/* High-Tech Aerospace Cockpit Banner inside Project Cards */
body.theme-light article .h-28,
body.theme-light article [class*="min-h-[7"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9) !important;
}

/* Category-specific banner tints in Light Mode */
body.theme-light article:has([class*="bg-red-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-red-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #FEF2F2 50%, #FEE2E2 100%) !important;
  border: 1.5px solid #FCA5A5 !important;
}
body.theme-light article:has([class*="bg-blue-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-blue-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 50%, #DBEAFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
}
body.theme-light article:has([class*="bg-cyan-500"]) [class*="min-h-[7"],
body.theme-light article:has([class*="bg-teal-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-cyan-"],
body.theme-light article [class*="min-h-[7"][class*="from-teal-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #ECFEFF 50%, #CFFAFE 100%) !important;
  border: 1.5px solid #67E8F9 !important;
}
body.theme-light article:has([class*="bg-purple-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-purple-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 50%, #F3E8FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
}
body.theme-light article:has([class*="bg-sky-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-sky-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0F9FF 50%, #E0F2FE 100%) !important;
  border: 1.5px solid #7DD3FC !important;
}
body.theme-light article:has([class*="bg-indigo-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-indigo-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #EEF2FF 50%, #E0E7FF 100%) !important;
  border: 1.5px solid #A5B4FC !important;
}
body.theme-light article:has([class*="bg-emerald-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-emerald-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #ECFDF5 50%, #D1FAE5 100%) !important;
  border: 1.5px solid #6EE7B7 !important;
}
body.theme-light article:has([class*="bg-amber-500"]) [class*="min-h-[7"],
body.theme-light article [class*="min-h-[7"][class*="from-amber-"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 50%, #FEF3C7 100%) !important;
  border: 1.5px solid #FCD34D !important;
}

/* Explicitly keep the footer row clean and seamless (eliminating ghost border box) */
body.theme-light article .min-h-\[30px\],
body.theme-light article [class*="min-h-[30"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Cockpit Banners in Dark Mode */
body:not(.theme-light) article .h-28,
body:not(.theme-light) article [class*="min-h-[7"] {
  background: linear-gradient(135deg, #070e1c 0%, #0d1b2a 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Cockpit Text & Watermarks in Light Mode (Preserve and Boost Rich Category Colors) */
body.theme-light article [class*="min-h-[7"] .select-none {
  color: rgba(100, 116, 139, 0.22);
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="purple"],
body.theme-light article:has([class*="bg-purple-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(147, 51, 234, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="blue"],
body.theme-light article:has([class*="bg-blue-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(37, 99, 235, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="cyan"],
body.theme-light article:has([class*="bg-cyan-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(8, 145, 178, 0.30) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="red"],
body.theme-light article:has([class*="bg-red-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(220, 38, 38, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="sky"],
body.theme-light article:has([class*="bg-sky-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(2, 132, 199, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="indigo"],
body.theme-light article:has([class*="bg-indigo-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(79, 70, 229, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="emerald"],
body.theme-light article:has([class*="bg-emerald-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(5, 150, 105, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="amber"],
body.theme-light article:has([class*="bg-amber-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(217, 119, 6, 0.30) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="teal"],
body.theme-light article:has([class*="bg-teal-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(13, 148, 136, 0.28) !important;
}
body.theme-light article [class*="min-h-[7"] .select-none[class*="slate"],
body.theme-light article:has([class*="bg-slate-500"]) [class*="min-h-[7"] .select-none {
  color: rgba(71, 85, 105, 0.24) !important;
}
body.theme-light article:hover [class*="min-h-[7"] .select-none {
  opacity: 1 !important;
  filter: saturate(1.35) contrast(1.1);
}

/* High-contrast Domain Badges in Cockpit Banners (Light Mode) */
body.theme-light article [class*="min-h-[7"] [class*="bg-red-500"],
body.theme-light article [class*="min-h-[7"] [class*="bg-rose-500"],
body.theme-light article [class*="bg-red-500/20"],
body.theme-light article [class*="bg-red-500/10"],
body.theme-light article [class*="bg-red-500/30"] {
  background: #FEE2E2 !important;
  color: #991B1B !important;
  border: 1px solid #F87171 !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-indigo-500"],
body.theme-light article [class*="min-h-[7"] [class*="bg-blue-500"],
body.theme-light article [class*="bg-blue-500/20"],
body.theme-light article [class*="bg-blue-500/10"] {
  background: #EFF6FF !important;
  color: #1E40AF !important;
  border: 1px solid #60A5FA !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-cyan-500"],
body.theme-light article [class*="min-h-[7"] [class*="bg-teal-500"],
body.theme-light article [class*="bg-cyan-500/20"],
body.theme-light article [class*="bg-cyan-500/10"],
body.theme-light article [class*="bg-teal-500/20"],
body.theme-light article [class*="bg-teal-500/10"],
body.theme-light article [class*="bg-teal-500/30"] {
  background: #ECFEFF !important;
  color: #0E7490 !important;
  border: 1px solid #22D3EE !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-sky-500"],
body.theme-light article [class*="bg-sky-500/20"],
body.theme-light article [class*="bg-sky-500/10"] {
  background: #F0F9FF !important;
  color: #0369A1 !important;
  border: 1px solid #38BDF8 !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-purple-500"],
body.theme-light article [class*="bg-purple-500/20"],
body.theme-light article [class*="bg-purple-500/10"] {
  background: #FAF5FF !important;
  color: #6B21A8 !important;
  border: 1px solid #C084FC !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-emerald-500"],
body.theme-light article [class*="bg-emerald-500/20"],
body.theme-light article [class*="bg-emerald-500/10"] {
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid #34D399 !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-amber-500"],
body.theme-light article [class*="bg-amber-500/20"],
body.theme-light article [class*="bg-amber-500/10"] {
  background: #FFFBEB !important;
  color: #92400E !important;
  border: 1px solid #FBBF24 !important;
  font-weight: 800 !important;
}
body.theme-light article [class*="min-h-[7"] [class*="bg-slate-500"],
body.theme-light article [class*="bg-slate-500/20"],
body.theme-light article [class*="bg-slate-500/10"] {
  background: #F1F5F9 !important;
  color: #334155 !important;
  border: 1px solid #94A3B8 !important;
  font-weight: 800 !important;
}

/* Cockpit Dates in Light Mode: Unified, logical, executive dark slate for ALL 21 projects */
body.theme-light article [class*="min-h-[7"] span[class*="font-mono"],
body.theme-light article [class*="min-h-[7"] .font-mono,
body.theme-light article [class*="min-h-[7"] span[class*="text-"][class*="font-mono"],
body.theme-light article [class*="min-h-[7"] [class*="text-red-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-red-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-rose-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-rose-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-indigo-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-indigo-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-cyan-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-cyan-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-teal-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-teal-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-blue-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-blue-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-sky-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-sky-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-purple-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-purple-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-emerald-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-emerald-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-amber-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-amber-400"],
body.theme-light article [class*="min-h-[7"] [class*="text-slate-300"],
body.theme-light article [class*="min-h-[7"] [class*="text-slate-400"] {
  color: #475569 !important;
  font-weight: 700 !important;
}

/* Project Card Typography */
body.theme-light article h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light article:hover h3 {
  color: #1D4ED8 !important;
}

body.theme-light article p {
  color: #334155 !important;
  font-size: 0.85rem !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

/* Kicker and metadata */
body.theme-light article .text-slate-400 {
  color: #475569 !important;
  font-weight: 600 !important;
}
body.theme-light article strong {
  color: #0F172A !important;
  font-weight: 800 !important;
}

/* Project "INFO ->" link */
body.theme-light article a[href*="http"] {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}
body.theme-light article a[href*="http"]:hover {
  color: #1E40AF !important;
  text-decoration: underline !important;
}

/* Project Footer Separation Bar */
body.theme-light article .border-t {
  border-color: #CBD5E1 !important;
}

/* "MY LEADERSHIP ->" Modal Trigger Button */
body.theme-light article button[onclick*="openCaseStudy"],
body.theme-light article button[onclick*="openProjectModal"],
body.theme-light article button[onclick*="openLeadershipModal"] {
  background: #EFF6FF !important;
  color: #1D4ED8 !important;
  border: 1.5px solid #93C5FD !important;
  border-radius: 0.5rem !important;
  font-weight: 800 !important;
  padding: 0.35rem 0.75rem !important;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.08) !important;
  transition: all 0.2s ease !important;
}

body.theme-light article button[onclick*="openCaseStudy"]:hover,
body.theme-light article button[onclick*="openProjectModal"]:hover,
body.theme-light article button[onclick*="openLeadershipModal"]:hover {
  background: #1D4ED8 !important;
  color: #FFFFFF !important;
  border-color: #1D4ED8 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

body.theme-light article button[onclick*="openCaseStudy"]:active,
body.theme-light article button[onclick*="openProjectModal"]:active,
body.theme-light article button[onclick*="openLeadershipModal"]:active {
  background: #1E40AF !important;
  transform: scale(0.97) !important;
}

/* Project Tags & TRL Badges in Light Mode */
body.theme-light .project-tag {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  font-weight: 700 !important;
}
body.theme-light .project-trl-badge {
  background: #EFF6FF !important;
  border: 1px solid #93C5FD !important;
  color: #1D4ED8 !important;
  font-weight: 800 !important;
}

/* Project domain filter buttons in Light Mode */
body.theme-light .project-filter-btn:not(.bg-brand-accent) {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light .project-filter-btn:not(.bg-brand-accent):hover {
  border-color: #2563EB !important;
  color: #1D4ED8 !important;
  background: #EFF6FF !important;
}
body.theme-light .project-filter-btn.bg-brand-accent {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(29, 78, 216, 0.25) !important;
}

/* Case Study Modal in Light Mode */
body.theme-light #case-study-modal {
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(8px) !important;
}
body.theme-light .case-modal-panel {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.25) !important;
}
body.theme-light .case-modal-panel > div:first-child {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}
body.theme-light #case-study-title {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #case-study-kicker {
  color: #1D4ED8 !important;
  font-weight: 800 !important;
}
body.theme-light #case-study-summary {
  color: #334155 !important;
  font-weight: 500 !important;
}
/* --- UNIFIED CASE STUDY MODAL CASILLAS (DARK & LIGHT MODES) --- */
.case-study-box,
.case-study-box-challenge,
.case-study-box-leadership,
.case-study-box-outcome {
  padding: 1.25rem 1.25rem 1.15rem 1.25rem !important;
  border-radius: 1rem !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Ensure ::before pseudo elements don't cut off or obscure text */
.case-study-box::before,
.case-study-box-challenge::before,
.case-study-box-leadership::before,
.case-study-box-outcome::before {
  display: none !important;
}

/* Dark Mode Unified Casillas */
body:not(.theme-light) .case-study-box,
body:not(.theme-light) .case-study-box-challenge,
body:not(.theme-light) .case-study-box-leadership,
body:not(.theme-light) .case-study-box-outcome {
  background: linear-gradient(145deg, rgba(30, 41, 59, 0.70) 0%, rgba(15, 23, 42, 0.90) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
body:not(.theme-light) .case-study-box .case-study-kicker,
body:not(.theme-light) .case-study-box-challenge .case-study-kicker,
body:not(.theme-light) .case-study-box-leadership .case-study-kicker,
body:not(.theme-light) .case-study-box-outcome .case-study-kicker {
  color: #94A3B8 !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
  text-shadow: none !important;
}
body:not(.theme-light) .case-study-box p,
body:not(.theme-light) .case-study-box-challenge p,
body:not(.theme-light) .case-study-box-leadership p,
body:not(.theme-light) .case-study-box-outcome p {
  color: #F1F5F9 !important;
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
}

/* Light Mode Unified Casillas */
body.theme-light .case-study-box,
body.theme-light .case-study-box-challenge,
body.theme-light .case-study-box-leadership,
body.theme-light .case-study-box-outcome {
  background: linear-gradient(145deg, #FFFFFF 0%, #F8FAFC 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: inset 0 1px 1px #FFFFFF, 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}
body.theme-light .case-study-box .case-study-kicker,
body.theme-light .case-study-box-challenge .case-study-kicker,
body.theme-light .case-study-box-leadership .case-study-kicker,
body.theme-light .case-study-box-outcome .case-study-kicker {
  color: #475569 !important;
  letter-spacing: 0.12em !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  margin: 0 0 0.5rem 0 !important;
  padding: 0 !important;
  text-shadow: none !important;
}
body.theme-light .case-study-box p,
body.theme-light .case-study-box-challenge p,
body.theme-light .case-study-box-leadership p,
body.theme-light .case-study-box-outcome p {
  color: #0F172A !important;
  font-weight: 500 !important;
  font-size: 0.8125rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-light .case-modal-panel button[onclick*="closeCaseStudy"] {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #475569 !important;
}
body.theme-light .case-modal-panel button[onclick*="closeCaseStudy"]:hover {
  background: #E2E8F0 !important;
  color: #0F172A !important;
}

/* --- UNIFIED PROJECT TAGS (ALL IDENTICAL ACCENT COLOR, DISTINCT FROM CASILLAS) --- */
.project-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.42rem 0.75rem !important;
  border-radius: 0.5rem !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: default !important;
}

/* Dark Mode Unified Tags (Azure Sapphire Glow) */
body:not(.theme-light) .project-tag {
  background: rgba(37, 99, 235, 0.18) !important;
  border: 1.5px solid rgba(96, 165, 250, 0.45) !important;
  color: #93C5FD !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.20) !important;
}
body:not(.theme-light) .project-tag:hover {
  background: rgba(37, 99, 235, 0.32) !important;
  border-color: #93C5FD !important;
  color: #BFDBFE !important;
  transform: translateY(-1.5px) !important;
}

/* Light Mode Unified Tags (Clean Royal Blue Pill) */
body.theme-light .project-tag {
  background: #EFF6FF !important;
  border: 1.5px solid #60A5FA !important;
  color: #1D4ED8 !important;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .project-tag:hover {
  background: #DBEAFE !important;
  border-color: #2563EB !important;
  color: #1E40AF !important;
  transform: translateY(-1.5px) !important;
}

/* --- METALLIC LEADERSHIP TRIGGER BUTTONS ON PROJECT CARDS --- */
body:not(.theme-light) article button[onclick*="openCaseStudy"],
body:not(.theme-light) article button[onclick*="openProjectModal"],
body:not(.theme-light) article button[onclick*="openLeadershipModal"],
body:not(.theme-light) .btn-my-leadership {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.32) 0%, rgba(30, 58, 138, 0.55) 100%) !important;
  color: #BFDBFE !important;
  border: 1.5px solid rgba(96, 165, 250, 0.55) !important;
  border-radius: 0.5rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  padding: 0.38rem 0.8rem !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.22), 0 3px 10px rgba(37, 99, 235, 0.30) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body:not(.theme-light) article button[onclick*="openCaseStudy"]:hover,
body:not(.theme-light) article button[onclick*="openProjectModal"]:hover,
body:not(.theme-light) article button[onclick*="openLeadershipModal"]:hover,
body:not(.theme-light) .btn-my-leadership:hover {
  background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;
  border-color: #93C5FD !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.60), inset 0 1px 1px rgba(255, 255, 255, 0.45) !important;
  transform: translateY(-1.5px) scale(1.02) !important;
}

body.theme-light article button[onclick*="openCaseStudy"],
body.theme-light article button[onclick*="openProjectModal"],
body.theme-light article button[onclick*="openLeadershipModal"],
body.theme-light .btn-my-leadership {
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
  color: #1D4ED8 !important;
  border: 1.5px solid #93C5FD !important;
  border-radius: 0.5rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  padding: 0.38rem 0.8rem !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.95), 0 2px 6px rgba(37, 99, 235, 0.16) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.theme-light article button[onclick*="openCaseStudy"]:hover,
body.theme-light article button[onclick*="openProjectModal"]:hover,
body.theme-light article button[onclick*="openLeadershipModal"]:hover,
body.theme-light .btn-my-leadership:hover {
  background: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%) !important;
  border-color: #1E40AF !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(29, 78, 216, 0.38) !important;
  transform: translateY(-1.5px) scale(1.02) !important;
}

/* --------------------------------------------------------------------------
   8. SCHOLAR PAPERS & RESEARCH BIBLIOGRAPHY
   -------------------------------------------------------------------------- */
/* Paper Badges in Light Mode */
body.theme-light .paper-card [class*="bg-purple-500"] {
  background: #FAF5FF !important;
  color: #6B21A8 !important;
  border-color: #E9D5FF !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card [class*="bg-emerald-500"] {
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border-color: #A7F3D0 !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card [class*="bg-amber-500"],
body.theme-light .paper-card [class*="bg-brand-gold"] {
  background: #FFFBEB !important;
  color: #92400E !important;
  border-color: #FDE68A !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card [class*="bg-sky-500"],
body.theme-light .paper-card [class*="bg-blue-500"] {
  background: #F0F9FF !important;
  color: #0369A1 !important;
  border-color: #BAE6FD !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card [class*="bg-indigo-500"] {
  background: #EEF2FF !important;
  color: #3730A3 !important;
  border-color: #C7D2FE !important;
  font-weight: 700 !important;
}

/* Paper Action Links & BibTeX Button (Modern Chips replacing raw underlines) */
.paper-card .font-mono a,
.paper-card .font-mono button {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.22rem 0.55rem !important;
  border-radius: 0.375rem !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  transition: all 0.15s ease !important;
}
body.theme-light .paper-card .font-mono a,
body.theme-light .paper-card .font-mono button {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}
body.theme-light .paper-card .font-mono a:hover,
body.theme-light .paper-card .font-mono button:hover {
  background: #E2E8F0 !important;
  border-color: #94A3B8 !important;
  color: #1D4ED8 !important;
}
body:not(.theme-light) .paper-card .font-mono a,
body:not(.theme-light) .paper-card .font-mono button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #E2E8F0 !important;
}
body:not(.theme-light) .paper-card .font-mono a:hover,
body:not(.theme-light) .paper-card .font-mono button:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
}

/* Paper Card "View Article ->" Link */
body.theme-light .paper-card a.ml-auto {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card a.ml-auto:hover {
  color: #1E40AF !important;
  text-decoration: underline !important;
}

/* Paper Filter Buttons in Dark Mode: Preserve rich glowing category accents */
body:not(.theme-light) .paper-filter-btn.paper-filter-nobel {
  background: rgba(245, 158, 11, 0.12) !important;
  border: 1px solid rgba(245, 158, 11, 0.40) !important;
  color: #FBBF24 !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-nobel:hover {
  background: rgba(245, 158, 11, 0.22) !important;
  color: #FDE68A !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.35) !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-sky {
  background: rgba(56, 189, 248, 0.12) !important;
  border: 1px solid rgba(56, 189, 248, 0.40) !important;
  color: #38BDF8 !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-sky:hover {
  background: rgba(56, 189, 248, 0.22) !important;
  color: #BAE6FD !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.35) !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-violet {
  background: rgba(168, 85, 247, 0.12) !important;
  border: 1px solid rgba(168, 85, 247, 0.40) !important;
  color: #C084FC !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-violet:hover {
  background: rgba(168, 85, 247, 0.22) !important;
  color: #E9D5FF !important;
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.35) !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-emerald {
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.40) !important;
  color: #34D399 !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-emerald:hover {
  background: rgba(16, 185, 129, 0.22) !important;
  color: #A7F3D0 !important;
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.35) !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-indigo {
  background: rgba(99, 102, 241, 0.12) !important;
  border: 1px solid rgba(99, 102, 241, 0.40) !important;
  color: #818CF8 !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-indigo:hover {
  background: rgba(99, 102, 241, 0.22) !important;
  color: #C7D2FE !important;
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.35) !important;
}
body:not(.theme-light) .paper-filter-btn.paper-filter-all {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  color: #FFFFFF !important;
}

/* Paper Filter Buttons in Light Mode */
body.theme-light .paper-filter-btn.paper-filter-nobel {
  background: #FFFBEB !important;
  border: 1px solid #FCD34D !important;
  color: #92400E !important;
}
body.theme-light .paper-filter-btn.paper-filter-sky {
  background: #F0F9FF !important;
  border: 1px solid #7DD3FC !important;
  color: #0369A1 !important;
}
body.theme-light .paper-filter-btn.paper-filter-violet {
  background: #FAF5FF !important;
  border: 1px solid #D8B4FE !important;
  color: #6B21A8 !important;
}
body.theme-light .paper-filter-btn.paper-filter-emerald {
  background: #ECFDF5 !important;
  border: 1px solid #6EE7B7 !important;
  color: #065F46 !important;
}
body.theme-light .paper-filter-btn.paper-filter-indigo {
  background: #EEF2FF !important;
  border: 1px solid #A5B4FC !important;
  color: #3730A3 !important;
}
body.theme-light .paper-filter-btn.paper-filter-all {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

/* Active Selected Filter State */
body.theme-light .paper-filter-btn.is-active,
body.theme-light .paper-filter-btn.active,
body.theme-light .paper-filter-btn[data-active="true"] {
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.30) !important;
}
body:not(.theme-light) .paper-filter-btn.is-active,
body:not(.theme-light) .paper-filter-btn.active,
body:not(.theme-light) .paper-filter-btn[data-active="true"] {
  background: #2563EB !important;
  border-color: #60A5FA !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.50) !important;
}

/* --------------------------------------------------------------------------
   9. SPEAKING & KEYNOTES PAGE REFINEMENT
   -------------------------------------------------------------------------- */
/* Speaking Card in Light Mode */
body.theme-light .speaking-card {
  background: linear-gradient(140deg, #FFFFFF 0%, #F1F5F9 42%, #E2E8F0 82%, #CBD5E1 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.08), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .speaking-card:hover {
  border-color: #93C5FD !important;
  box-shadow: 0 10px 25px -3px rgba(37, 99, 235, 0.12) !important;
}
body.theme-light .speaking-card h3 {
  color: #0F172A !important;
  font-weight: 700 !important;
}
body.theme-light .speaking-venue {
  color: #1E293B !important;
  font-weight: 600 !important;
}
body.theme-light .speaking-location {
  color: #64748B !important;
}
body.theme-light .speaking-description {
  color: #334155 !important;
}

/* Presentations container inside speaking cards */
body.theme-light .speaking-presentations {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}
body.theme-light .speaking-presentations li {
  color: #334155 !important;
  border-top: 1px solid #E2E8F0 !important;
}
body.theme-light .speaking-kind-talk {
  color: #0284C7 !important;
  font-weight: 700 !important;
}
body.theme-light .speaking-kind-poster {
  color: #64748B !important;
  font-weight: 700 !important;
}
body.theme-light .speaking-kind-paper {
  color: #059669 !important;
  font-weight: 700 !important;
}
body.theme-light .speaking-kind-award {
  color: #D97706 !important;
  font-weight: 700 !important;
}

/* Format Pills in Light Mode */
body.theme-light .format-pill-sky,
body.theme-light .year-badge-sky {
  color: #0369A1 !important;
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  font-weight: 700 !important;
}
body.theme-light .format-pill-emerald,
body.theme-light .year-badge-emerald {
  color: #047857 !important;
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
  font-weight: 700 !important;
}
body.theme-light .format-pill-purple,
body.theme-light .year-badge-purple {
  color: #7E22CE !important;
  background: #FAF5FF !important;
  border: 1px solid #E9D5FF !important;
  font-weight: 700 !important;
}
body.theme-light .format-pill-amber,
body.theme-light .year-badge-amber {
  color: #B45309 !important;
  background: #FFFBEB !important;
  border: 1px solid #FDE68A !important;
  font-weight: 700 !important;
}
body.theme-light .format-pill-indigo,
body.theme-light .year-badge-indigo {
  color: #4338CA !important;
  background: #EEF2FF !important;
  border: 1px solid #C7D2FE !important;
  font-weight: 700 !important;
}

/* Jump Navigation Pills (Image 5) in Light Mode */
body.theme-light a[href="#industry-talks"],
body.theme-light a.jump-btn-industry {
  color: #0369A1 !important;
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  font-weight: 600 !important;
}
body.theme-light a[href="#industry-talks"]:hover,
body.theme-light a.jump-btn-industry:hover {
  background: #E0F2FE !important;
  border-color: #7DD3FC !important;
  color: #0284C7 !important;
}
body.theme-light a[href="#scientific-contributions"],
body.theme-light a.jump-btn-scientific {
  color: #047857 !important;
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
  font-weight: 600 !important;
}
body.theme-light a[href="#scientific-contributions"]:hover,
body.theme-light a.jump-btn-scientific:hover {
  background: #D1FAE5 !important;
  border-color: #6EE7B7 !important;
  color: #059669 !important;
}
body.theme-light a[href="#invited-talks"],
body.theme-light a.jump-btn-invited {
  color: #7E22CE !important;
  background: #FAF5FF !important;
  border: 1px solid #E9D5FF !important;
  font-weight: 600 !important;
}
body.theme-light a[href="#invited-talks"]:hover,
body.theme-light a.jump-btn-invited:hover {
  background: #F3E8FF !important;
  border-color: #D8B4FE !important;
  color: #6B21A8 !important;
}
body.theme-light a[href="#conference-attendance"],
body.theme-light a.jump-btn-attendance {
  color: #B45309 !important;
  background: #FFFBEB !important;
  border: 1px solid #FDE68A !important;
  font-weight: 600 !important;
}
body.theme-light a[href="#conference-attendance"]:hover,
body.theme-light a.jump-btn-attendance:hover {
  background: #FEF3C7 !important;
  border-color: #FCD34D !important;
  color: #92400E !important;
}

/* --------------------------------------------------------------------------
   10. GENERAL BUTTONS & GENERIC FILTER CHIPS
   -------------------------------------------------------------------------- */
/* Filter chips in Light Mode */
body.theme-light .project-filter-btn,
body.theme-light .academic-filter-btn,
body.theme-light button[data-category]:not(.paper-filter-btn) {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.theme-light .project-filter-btn:hover,
body.theme-light .academic-filter-btn:hover,
body.theme-light button[data-category]:not(.paper-filter-btn):hover {
  background: #E2E8F0 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}

body.theme-light .project-filter-btn:active,
body.theme-light .academic-filter-btn:active,
body.theme-light button[data-category]:not(.paper-filter-btn):active {
  transform: scale(0.96) !important;
  background: #CBD5E1 !important;
}

body.theme-light .project-filter-btn.bg-brand-accent,
body.theme-light .academic-filter-btn.bg-brand-accent,
body.theme-light button.active[data-category]:not(.paper-filter-btn) {
  background: #2563EB !important;
  border-color: #2563EB !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.30) !important;
  font-weight: 800 !important;
}

/* Generic Filter chips in Dark Mode */
body:not(.theme-light) .project-filter-btn,
body:not(.theme-light) .academic-filter-btn,
body:not(.theme-light) button[data-category]:not(.paper-filter-btn) {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: #CBD5E1;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

body:not(.theme-light) .project-filter-btn:hover,
body:not(.theme-light) .academic-filter-btn:hover,
body:not(.theme-light) button[data-category]:not(.paper-filter-btn):hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
}

body:not(.theme-light) .project-filter-btn:active,
body:not(.theme-light) .academic-filter-btn:active,
body:not(.theme-light) button[data-category]:not(.paper-filter-btn):active {
  transform: scale(0.96);
}

body:not(.theme-light) .project-filter-btn.bg-brand-accent,
body:not(.theme-light) .academic-filter-btn.bg-brand-accent,
body:not(.theme-light) button.active[data-category]:not(.paper-filter-btn) {
  background: #2563EB !important;
  border-color: #60A5FA !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 16px rgba(59, 130, 246, 0.45) !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   9. SPACE BACKGROUND ON SATELLITES GLOBE (CESIUM DEFAULT SPACE)
   -------------------------------------------------------------------------- */
.globe-stage,
#cesiumContainer,
body.theme-light .globe-stage,
html.theme-light .globe-stage,
body.theme-light #cesiumContainer,
html.theme-light #cesiumContainer,
body:not(.theme-light) .globe-stage,
html:not(.theme-light) .globe-stage {
  background-color: #000000 !important;
}

/* --------------------------------------------------------------------------
   10. LOGOS: DARK SLATE CONTAINER INSTEAD OF PITCH BLACK
   "tienes que tener logos para este modo que sean de fondo oscuro en vez de fondo negro"
   -------------------------------------------------------------------------- */
.logo-dark-container {
  background-color: #0F172A !important;
  border: 1px solid #334155 !important;
  border-radius: 0.75rem !important;
  padding: 0.5rem 0.85rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Forms & Inputs (Contact & Mentorship) */
body.theme-light input,
body.theme-light textarea,
body.theme-light select {
  background-color: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #0F172A !important;
}

body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
  color: #94A3B8 !important;
}

body.theme-light input:focus,
body.theme-light textarea:focus,
body.theme-light select:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Footer in Light Mode */
body.theme-light .site-footer {
  background-color: #F1F5F9 !important;
  border-top-color: #E2E8F0 !important;
  color: #475569 !important;
}

body.theme-light .site-footer a {
  color: #334155 !important;
}

body.theme-light .site-footer a:hover {
  color: #2563EB !important;
}

/* Modals & Dialogs */
body.theme-light #case-study-modal > div:last-child {
  background-color: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2) !important;
}

/* Satellites 3D Visualizer HUD in Light Mode */
body.theme-light .hud-controls-bar .bg-slate-900\/90,
body.theme-light .hud-controls-bar [class*="bg-slate-900"] {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}
body.theme-light #tleStatusLabel {
  color: #0F172A !important;
}
body.theme-light #btnUpdateTles {
  background: rgba(37, 99, 235, 0.10) !important;
  border-color: rgba(37, 99, 235, 0.40) !important;
  color: #1D4ED8 !important;
}
body.theme-light #btnUpdateTles:hover {
  background: #2563EB !important;
  color: #FFFFFF !important;
}
body.theme-light #btnUpdateTles:active {
  background: #1D4ED8 !important;
  transform: scale(0.97) !important;
}
body.theme-light .hud-controls-bar button {
  color: #334155 !important;
}
body.theme-light .hud-controls-bar button:hover {
  color: #0F172A !important;
  background: #F1F5F9 !important;
}
body.theme-light .hud-controls-bar button:active {
  transform: scale(0.97) !important;
}
body.theme-light #btnToggleOrbits {
  background: rgba(37, 99, 235, 0.12) !important;
  color: #1D4ED8 !important;
  border-color: rgba(37, 99, 235, 0.35) !important;
}

/* --------------------------------------------------------------------------
   10. CV ACTION BUTTONS IN LIGHT MODE
   -------------------------------------------------------------------------- */
body.theme-light a.custom-btn[href*="linkedin.com"],
body.theme-light .custom-btn[href*="linkedin.com"],
a.custom-btn[href*="linkedin.com"],
.custom-btn[href*="linkedin.com"] {
  background-color: #0A66C2 !important;
  border-color: #0A66C2 !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 12px rgba(10, 102, 194, 0.28) !important;
}
body.theme-light a.custom-btn[href*="linkedin.com"] span,
body.theme-light .custom-btn[href*="linkedin.com"] span,
a.custom-btn[href*="linkedin.com"] span,
.custom-btn[href*="linkedin.com"] span {
  color: #FFFFFF !important;
}
body.theme-light a.custom-btn[href*="linkedin.com"]:hover,
body.theme-light .custom-btn[href*="linkedin.com"]:hover,
a.custom-btn[href*="linkedin.com"]:hover,
.custom-btn[href*="linkedin.com"]:hover {
  background-color: #004182 !important;
  border-color: #004182 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(10, 102, 194, 0.38) !important;
  transform: translateY(-1px);
}

/* CV Paper Document Links (Never highlighted with blue button background) */
body.theme-light #cv-paper-root a,
body.theme-light .cv-paper-container a,
body.theme-light #cv-mount-point a {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #1D4ED8 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(29, 78, 216, 0.35) !important;
}
body.theme-light #cv-paper-root a:hover,
body.theme-light .cv-paper-container a:hover,
body.theme-light #cv-mount-point a:hover {
  color: #1E40AF !important;
  text-decoration-color: #1D4ED8 !important;
}

body.theme-light button[onclick="downloadExecutiveDoc()"] {
  background-color: #EFF6FF !important;
  border: 1.5px solid #93C5FD !important;
  color: #1E40AF !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.10) !important;
}
body.theme-light button[onclick="downloadExecutiveDoc()"]:hover {
  background-color: #DBEAFE !important;
  border-color: #2563EB !important;
  color: #1D4ED8 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.20) !important;
  transform: translateY(-1px);
}
body.theme-light button[onclick="downloadExecutiveDoc()"]:active {
  background-color: #BFDBFE !important;
  transform: scale(0.97) !important;
}

body.theme-light button[onclick="downloadEuropassDoc()"] {
  background-color: #EEF2FF !important;
  border: 1.5px solid #A5B4FC !important;
  color: #3730A3 !important;
  box-shadow: 0 2px 8px rgba(79, 70, 229, 0.10) !important;
}
body.theme-light button[onclick="downloadEuropassDoc()"]:hover {
  background-color: #E0E7FF !important;
  border-color: #4F46E5 !important;
  color: #312E81 !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.20) !important;
  transform: translateY(-1px);
}
body.theme-light button[onclick="downloadEuropassDoc()"]:active {
  background-color: #C7D2FE !important;
  transform: scale(0.97) !important;
}

body.theme-light #download-pdf-btn {
  background-color: #FFF1F2 !important;
  border: 1.5px solid #FECDD3 !important;
  color: #BE123C !important;
  box-shadow: 0 2px 8px rgba(190, 18, 60, 0.10) !important;
}
body.theme-light #download-pdf-btn:hover {
  background-color: #FFE4E6 !important;
  border-color: #E11D48 !important;
  color: #9F1239 !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.20) !important;
  transform: translateY(-1px);
}
body.theme-light #download-pdf-btn:active {
  background-color: #FECDD3 !important;
  transform: scale(0.97) !important;
}

/* --------------------------------------------------------------------------
   11. PITCH DECK & CALLOUT QUOTE BOXES IN LIGHT MODE
   -------------------------------------------------------------------------- */
body.theme-light [class*="bg-sky-950/"],
body.theme-light .bg-sky-950\/30 {
  background-color: #F0F9FF !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}
body.theme-light [class*="bg-amber-950/"],
body.theme-light .bg-amber-950\/20 {
  background-color: #FFFBEB !important;
  border-color: #FDE68A !important;
  color: #92400E !important;
}
body.theme-light [class*="bg-purple-950/"] {
  background-color: #FAF5FF !important;
  border-color: #E9D5FF !important;
  color: #6B21A8 !important;
}
body.theme-light [class*="bg-emerald-950/"] {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #065F46 !important;
}

/* --------------------------------------------------------------------------
   12. AMBER, GOLD & YELLOW INTENSE CONTRAST IN LIGHT MODE
   -------------------------------------------------------------------------- */
/* Text: saturated deep amber-800 for maximum readability */
body.theme-light .text-amber-200,
body.theme-light .text-amber-300,
body.theme-light .text-amber-400,
body.theme-light .text-amber-500,
body.theme-light .text-yellow-200,
body.theme-light .text-yellow-300,
body.theme-light .text-yellow-400,
body.theme-light .text-yellow-500,
body.theme-light [class*="text-amber-300"],
body.theme-light [class*="text-amber-400"],
body.theme-light [class*="text-yellow-300"],
body.theme-light [class*="text-yellow-400"],
body.theme-light .text-brand-gold {
  color: #92400E !important;
  font-weight: 700;
}

body.theme-light .border-brand-gold,
body.theme-light [class*="border-brand-gold/"],
body.theme-light [class*="border-amber-400/"],
body.theme-light [class*="border-amber-500/"],
body.theme-light [class*="border-yellow-400/"],
body.theme-light [class*="border-yellow-500/"],
body.theme-light .border-amber-400\/20,
body.theme-light .border-amber-500\/30,
body.theme-light .border-amber-500\/40,
body.theme-light .border-brand-gold\/30 {
  border-color: #FCD34D !important;
}

body.theme-light .bg-brand-gold\/10,
body.theme-light .bg-brand-gold\/15,
body.theme-light .bg-brand-gold\/20,
body.theme-light [class*="bg-brand-gold/"],
body.theme-light .bg-amber-400\/10,
body.theme-light .bg-amber-400\/15,
body.theme-light .bg-amber-400\/20,
body.theme-light .bg-amber-500\/10,
body.theme-light .bg-amber-500\/15,
body.theme-light .bg-amber-500\/20,
body.theme-light .bg-yellow-500\/10,
body.theme-light .bg-yellow-500\/15,
body.theme-light [class*="bg-amber-400/"],
body.theme-light [class*="bg-amber-500/"],
body.theme-light [class*="bg-yellow-400/"],
body.theme-light [class*="bg-yellow-500/"] {
  background-color: #FEF3C7 !important;
  border-color: #FCD34D !important;
  color: #92400E !important;
}

/* Category card border amber */
body.theme-light article[class*="border-amber-"],
body.theme-light [data-academic-category][class*="border-amber-"] {
  border-color: #FCD34D !important;
  box-shadow: 0 4px 20px -2px rgba(217, 119, 6, 0.10), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
}

/* --------------------------------------------------------------------------
   13. COMPREHENSIVE EMERALD & GREEN CONTRAST IN LIGHT MODE
   -------------------------------------------------------------------------- */
/* Global emerald / green text contrast in Light Mode */
body.theme-light .text-emerald-200,
body.theme-light .text-emerald-300,
body.theme-light .text-emerald-400,
body.theme-light .text-emerald-500,
body.theme-light .text-green-200,
body.theme-light .text-green-300,
body.theme-light .text-green-400,
body.theme-light .text-green-500,
body.theme-light [class*="text-emerald-300"],
body.theme-light [class*="text-emerald-400"],
body.theme-light [class*="text-green-300"],
body.theme-light [class*="text-green-400"],
body.theme-light .group:hover .group-hover\:text-emerald-400,
body.theme-light .group:hover .group-hover\:text-emerald-300 {
  color: #065F46 !important;
  font-weight: 700;
}

body.theme-light a[class*="text-emerald-"]:hover,
body.theme-light a[class*="text-green-"]:hover,
body.theme-light button[class*="text-emerald-"]:hover,
body.theme-light button[class*="text-green-"]:hover,
body.theme-light [class*="hover:text-emerald-300"]:hover,
body.theme-light [class*="hover:text-emerald-400"]:hover {
  color: #064E3B !important;
}

/* Global emerald background tints & borders for badges */
body.theme-light .bg-emerald-500\/10,
body.theme-light .bg-emerald-500\/15,
body.theme-light .bg-emerald-500\/20,
body.theme-light .bg-emerald-500\/25,
body.theme-light .bg-emerald-400\/10,
body.theme-light .bg-emerald-400\/15,
body.theme-light .bg-emerald-400\/20,
body.theme-light [class*="bg-emerald-500/10"],
body.theme-light [class*="bg-emerald-500/15"],
body.theme-light [class*="bg-emerald-500/20"],
body.theme-light [class*="bg-emerald-500/25"],
body.theme-light [class*="bg-emerald-400/10"],
body.theme-light [class*="bg-emerald-400/15"],
body.theme-light [class*="bg-emerald-400/20"] {
  background-color: #ECFDF5 !important;
  border-color: #6EE7B7 !important;
  color: #065F46 !important;
}

body.theme-light [class*="hover:bg-emerald-500/"]:hover,
body.theme-light [class*="hover:bg-emerald-400/"]:hover {
  background-color: #D1FAE5 !important;
  border-color: #34D399 !important;
  color: #064E3B !important;
}

body.theme-light [class*="border-emerald-500/"],
body.theme-light [class*="border-emerald-400/"],
body.theme-light .border-emerald-400\/50,
body.theme-light .border-emerald-500\/40,
body.theme-light .border-emerald-500\/30,
body.theme-light .border-emerald-500\/20 {
  border-color: #6EE7B7 !important;
}

/* Category card border emerald */
body.theme-light article[class*="border-emerald-"],
body.theme-light [data-academic-category][class*="border-emerald-"] {
  border-color: #6EE7B7 !important;
  box-shadow: 0 4px 20px -2px rgba(5, 150, 105, 0.12), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
}

/* Green status dots & live pulses ONLY (strictly not pill backgrounds) */
body.theme-light span.w-1\.5.h-1\.5.bg-emerald-400,
body.theme-light span.w-2.h-2.bg-emerald-400,
body.theme-light span.w-1\.5.h-1\.5[class*="bg-emerald-"],
body.theme-light span.w-2.h-2[class*="bg-emerald-"],
body.theme-light .live-pulse {
  background-color: #059669 !important;
}

/* --------------------------------------------------------------------------
   14. PURPLE & VIOLET INTENSE CONTRAST IN LIGHT MODE
   -------------------------------------------------------------------------- */
/* Text: royal purple-800 for high-contrast visibility */
body.theme-light .text-purple-200,
body.theme-light .text-purple-300,
body.theme-light .text-purple-400,
body.theme-light .text-purple-500,
body.theme-light .text-violet-200,
body.theme-light .text-violet-300,
body.theme-light .text-violet-400,
body.theme-light .text-violet-500,
body.theme-light [class*="text-purple-300"],
body.theme-light [class*="text-purple-400"],
body.theme-light [class*="text-violet-300"],
body.theme-light [class*="text-violet-400"],
body.theme-light .group:hover .group-hover\:text-purple-300 {
  color: #6B21A8 !important;
  font-weight: 700;
}

body.theme-light .bg-purple-500\/10,
body.theme-light .bg-purple-500\/15,
body.theme-light .bg-purple-500\/20,
body.theme-light .bg-purple-400\/10,
body.theme-light .bg-purple-400\/15,
body.theme-light .bg-purple-400\/20,
body.theme-light [class*="bg-purple-500/"],
body.theme-light [class*="bg-purple-400/"] {
  background-color: #FAF5FF !important;
  border-color: #D8B4FE !important;
  color: #6B21A8 !important;
}

body.theme-light [class*="border-purple-500/"],
body.theme-light [class*="border-purple-400/"],
body.theme-light .border-purple-500\/30,
body.theme-light .border-purple-500\/20 {
  border-color: #C4B5FD !important;
}

/* Category card border purple */
body.theme-light article[class*="border-purple-"],
body.theme-light [data-academic-category][class*="border-purple-"] {
  border-color: #C4B5FD !important;
  box-shadow: 0 4px 20px -2px rgba(126, 34, 206, 0.10), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
}

/* --------------------------------------------------------------------------
   15. SKY, CYAN & BLUE INTENSE CONTRAST IN LIGHT MODE
   -------------------------------------------------------------------------- */
/* Text: deep sapphire and ocean blue */
body.theme-light .text-sky-200,
body.theme-light .text-sky-300,
body.theme-light .text-sky-400,
body.theme-light .text-cyan-200,
body.theme-light .text-cyan-300,
body.theme-light .text-cyan-400,
body.theme-light [class*="text-sky-300"],
body.theme-light [class*="text-sky-400"],
body.theme-light [class*="text-cyan-300"],
body.theme-light [class*="text-cyan-400"] {
  color: #0369A1 !important;
  font-weight: 700;
}

body.theme-light .text-blue-200,
body.theme-light .text-blue-300,
body.theme-light .text-blue-400,
body.theme-light [class*="text-blue-300"],
body.theme-light [class*="text-blue-400"] {
  color: #1D4ED8 !important;
  font-weight: 700;
}

/* Institution titles in education & academics */
body.theme-light a.text-blue-400,
body.theme-light span.text-blue-400,
body.theme-light #view-education a.text-blue-400,
body.theme-light #view-education span.text-blue-400 {
  color: #1D4ED8 !important;
  font-weight: 800;
}

body.theme-light .bg-sky-500\/10,
body.theme-light .bg-sky-500\/15,
body.theme-light .bg-sky-500\/20,
body.theme-light .bg-sky-400\/10,
body.theme-light .bg-sky-400\/15,
body.theme-light .bg-sky-400\/20,
body.theme-light [class*="bg-sky-500/"],
body.theme-light [class*="bg-sky-400/"] {
  background-color: #F0F9FF !important;
  border-color: #BAE6FD !important;
  color: #0369A1 !important;
}

body.theme-light .bg-blue-500\/10,
body.theme-light .bg-blue-500\/15,
body.theme-light .bg-blue-500\/20,
body.theme-light .bg-blue-600\/15,
body.theme-light [class*="bg-blue-500/"] {
  background-color: #EFF6FF !important;
  border-color: #BFDBFE !important;
  color: #1D4ED8 !important;
}

body.theme-light [class*="border-sky-500/"],
body.theme-light [class*="border-sky-400/"],
body.theme-light [class*="border-blue-500/"],
body.theme-light .border-sky-500\/30,
body.theme-light .border-blue-500\/30 {
  border-color: #93C5FD !important;
}

/* Category card border blue */
body.theme-light article[class*="border-blue-"],
body.theme-light [data-academic-category][class*="border-blue-"] {
  border-color: #93C5FD !important;
  box-shadow: 0 4px 20px -2px rgba(37, 99, 235, 0.10), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
}

/* --------------------------------------------------------------------------
   16. NEUTRAL, METADATA BADGES & NESTED BOXES IN LIGHT MODE
   -------------------------------------------------------------------------- */
/* Metadata tags at bottom of cards (e.g. 2024-2028 Term, Quality Agency, ESG/ENQA) */
body.theme-light article span[class*="bg-white/"],
body.theme-light article span[class*="border-white/"],
body.theme-light .custom-rounded-box span[class*="bg-white/"],
body.theme-light [data-academic-category] span[class*="bg-white/"] {
  background-color: #F1F5F9 !important;
  border-color: #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
}

/* Inner nested inspection rows (e.g. UCO & UHU university rows) */
body.theme-light [data-academic-category] .bg-white\/\[0\.03\],
body.theme-light article div[class*="bg-white/[0.03]"] {
  background-color: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] span.text-white {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] li {
  color: #334155 !important;
}
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] li strong {
  color: #0F172A !important;
}

/* --------------------------------------------------------------------------
   17. EDUCATION PAGE SPECIFIC LIGHT MODE OVERRIDES
   -------------------------------------------------------------------------- */
/* Flagship ESADE hero card */
body.theme-light #view-education .rounded-3xl.border-brand-accent\/50 {
  background: #FFFFFF !important;
  border: 1.5px solid #3B82F6 !important;
  box-shadow: 0 8px 32px -4px rgba(37, 99, 235, 0.12) !important;
}

/* Core competencies strip inside hero card */
body.theme-light #view-education .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div,
body.theme-light #view-education div:has(> strong.text-brand-accent),
body.theme-light #view-education div:has(> strong.text-blue-400),
body.theme-light #view-education div:has(> strong.text-purple-400),
body.theme-light #view-education div:has(> strong.text-emerald-400),
body.theme-light #view-education div:has(> strong.text-brand-gold) {
  background-color: #F8FAFC !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #334155 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}

/* Global Executive Business Modules */
body.theme-light #view-education .grid > div.rounded-3xl {
  background-color: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.07) !important;
}
body.theme-light #view-education .grid > div.rounded-3xl:hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 8px 24px -2px rgba(37, 99, 235, 0.14) !important;
}
body.theme-light #view-education .grid > div.rounded-3xl p.text-slate-200 {
  color: #0F172A !important;
  font-weight: 700 !important;
  border-top-color: #E2E8F0 !important;
}

/* --------------------------------------------------------------------------
   18. SATELLITES PAGE SPECIFIC LIGHT MODE OVERRIDES
   -------------------------------------------------------------------------- */
body.theme-light #sidebarCountActive {
  color: #047857 !important;
  font-weight: 900 !important;
}

body.theme-light .p-2.rounded-xl.bg-emerald-500\/15,
body.theme-light div:has(> #sidebarCountActive) {
  background-color: #ECFDF5 !important;
  border-color: #6EE7B7 !important;
}

body.theme-light div:has(> #sidebarCountActive) span {
  color: #047857 !important;
  font-weight: 800 !important;
}

/* Satellite card frame & active status */
body.theme-light .sat-card {
  background-color: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}
body.theme-light .sat-card:hover {
  border-color: #60A5FA !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.12) !important;
}
body.theme-light .sat-card.active-sat,
body.theme-light .sat-card.active {
  border-color: #2563EB !important;
  background-color: #EFF6FF !important;
}

body.theme-light .sat-card span.inline-flex:has(.live-pulse),
body.theme-light .sat-card [class*="bg-emerald-500/20"],
body.theme-light .sat-card span.text-emerald-300 {
  background-color: #ECFDF5 !important;
  border: 1px solid #6EE7B7 !important;
  color: #065F46 !important;
  font-weight: 800 !important;
}

/* DRAGO-I Host pill */
body.theme-light .sat-card [class*="bg-amber-500/20"],
body.theme-light .sat-card [class*="text-amber-300"] {
  background-color: #FEF3C7 !important;
  border: 1px solid #FCD34D !important;
  color: #92400E !important;
  font-weight: 800 !important;
}

/* Notice box in Satellites sidebar */
body.theme-light [class*="bg-emerald-400/[0.06]"],
body.theme-light .bg-emerald-400\/\[0\.06\] {
  background-color: #F0FDF4 !important;
  border-color: #86EFAC !important;
  color: #166534 !important;
}
body.theme-light [class*="bg-emerald-400/[0.06]"] span,
body.theme-light .bg-emerald-400\/\[0\.06\] span {
  color: #166534 !important;
}

/* Update TLEs & Toggle Orbits buttons in Satellites */
body.theme-light #btnUpdateTles,
body.theme-light #btnToggleOrbits {
  background-color: #ECFDF5 !important;
  border-color: #6EE7B7 !important;
  color: #047857 !important;
  font-weight: 800 !important;
}
body.theme-light #btnUpdateTles:hover,
body.theme-light #btnToggleOrbits:hover {
  background-color: #059669 !important;
  border-color: #059669 !important;
  color: #FFFFFF !important;
}

/* Telemetry HUD in Satellites */
body.theme-light #cardAltitude,
body.theme-light #cardVelocity {
  color: #047857 !important;
  font-weight: 900 !important;
}
body.theme-light #cardSubTitle,
body.theme-light #cardTleAge {
  color: #065F46 !important;
  font-weight: 800 !important;
}
body.theme-light #cardStatusBadge {
  background-color: #059669 !important;
}
body.theme-light #telemetryCard {
  border-color: #86EFAC !important;
}

/* Navigation Mentorship button across all pages */
body.theme-light #nav-btn-mentorship {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #047857 !important;
  font-weight: 700 !important;
}
body.theme-light #nav-btn-mentorship:hover {
  background-color: #D1FAE5 !important;
  border-color: #6EE7B7 !important;
  color: #064E3B !important;
}

/* Scholar abstract callouts & metadata */
body.theme-light .paper-card [class*="bg-emerald-500/10"],
body.theme-light .paper-card .bg-emerald-500\/10 {
  background-color: #F0FDF4 !important;
  border-color: #BBF7D0 !important;
  color: #166534 !important;
}
body.theme-light .paper-card span[class*="bg-emerald-500"] {
  background-color: #ECFDF5 !important;
  border-color: #6EE7B7 !important;
  color: #065F46 !important;
  font-weight: 800 !important;
}

/* Speaking page jump nav & badges */
body.theme-light a[href="#scientific-contributions"] {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #047857 !important;
  font-weight: 700 !important;
}
body.theme-light a[href="#scientific-contributions"]:hover {
  background-color: #D1FAE5 !important;
  border-color: #6EE7B7 !important;
  color: #064E3B !important;
}
body.theme-light .year-badge-emerald,
body.theme-light .format-pill-emerald,
body.theme-light .speaking-kind-scientific {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #047857 !important;
  font-weight: 700 !important;
}

/* Index.html metrics & badges */
body.theme-light .metric-value.text-emerald-400,
body.theme-light .text-emerald-400.metric-value,
body.theme-light div.text-emerald-400 {
  color: #047857 !important;
}

/* --------------------------------------------------------------------------
   19. FILTER BUTTONS IN LIGHT MODE
   -------------------------------------------------------------------------- */
body.theme-light button[data-academic-filter]:not(.bg-brand-accent):not([class*="bg-brand-accent"]),
body.theme-light button[data-filter]:not(.bg-brand-accent):not([class*="bg-brand-accent"]),
body.theme-light .filter-pill:not(.active) {
  background-color: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05) !important;
}
body.theme-light button[data-academic-filter]:not(.bg-brand-accent):hover,
body.theme-light button[data-filter]:not(.bg-brand-accent):hover,
body.theme-light .filter-pill:not(.active):hover {
  background-color: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}

/* Subtle transitions when switching themes */
body, .site-header, article, .custom-rounded-box, .executive-card, #telemetryCard, .hud-controls-bar {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

/* ==========================================================================
   20. MOBILE RESPONSIVE NAVIGATION & HEADER PROTECTION
   ========================================================================== */
/* Hide desktop secondary row completely on screens < 1280px */
@media (max-width: 1279px) {
  #secondary-nav,
  #secondary-nav[data-open="true"],
  div#secondary-nav {
    display: none !important;
  }
}

/* Mobile Header: Prevent title overflow & protect toggle buttons on small viewports */
@media (max-width: 767px) {
  html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .site-header {
    width: 100% !important;
    max-width: 100vw !important;
  }
  .site-header .w-full.px-4,
  .site-header div[class*="px-4"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .site-header a.group,
  .site-header a[aria-label*="Sergio Velasco Muñoz"] {
    gap: 8px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    max-width: calc(100% - 90px) !important;
  }
  .site-header a.group img,
  .site-header .brand-logo {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0 !important;
  }
  .site-header .brand-mark-type {
    font-size: 13px !important;
    letter-spacing: 0.03em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .site-header .brand-mark-type + span {
    max-width: 150px !important;
    font-size: 7.5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
  }
  .site-header div:has(> #mobile-toggle),
  .site-header div:has(> .theme-toggle-btn) {
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
  .theme-toggle-btn {
    padding: 5px 7px !important;
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    justify-content: center !important;
  }
  .theme-toggle-btn span,
  .theme-toggle-text {
    display: none !important;
  }
  .lang-toggle-btn {
    padding: 5px 7px !important;
    font-size: 0.65rem !important;
    height: 34px !important;
    justify-content: center !important;
  }
  #mobile-toggle {
    padding: 5px 7px !important;
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    justify-content: center !important;
  }
  #mobile-toggle span {
    display: none !important;
  }
}

/* ==========================================================================
   21. EXECUTIVE METALLIC CARDS & LOGO CASILLAS IN LIGHT MODE
   ========================================================================== */
/* Executive Metallic Platinum Cards (Depth & Contrast) */
body.theme-light article:not(#cv-paper-root):not(.cv-paper-container):not(.experience-item),
body.theme-light .custom-rounded-box,
body.theme-light .executive-card,
body.theme-light .case-card,
body.theme-light .strategic-vector,
body.theme-light .paper-card,
body.theme-light .course-card,
body.theme-light .speaking-card,
body.theme-light [data-academic-category],
body.theme-light #view-education .grid > div.rounded-3xl,
body.theme-light .bg-brand-surface {
  background: linear-gradient(140deg, #FFFFFF 0%, #F8FAFC 45%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

body.theme-light article:not(#cv-paper-root):not(.cv-paper-container):not(.experience-item):hover,
body.theme-light .custom-rounded-box:hover,
body.theme-light .executive-card:hover,
body.theme-light .case-card:hover,
body.theme-light .strategic-vector:hover,
body.theme-light .paper-card:hover,
body.theme-light .course-card:hover,
body.theme-light .speaking-card:hover,
body.theme-light [data-academic-category]:hover,
body.theme-light #view-education .grid > div.rounded-3xl:hover {
  border-color: #94A3B8 !important;
  box-shadow: 0 10px 28px -2px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

/* CV Paper Document Immunity: Keep document pristine and free of card boxes/borders */
#cv-paper-root .experience-item,
.cv-paper-container .experience-item,
.experience-item {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
#cv-paper-root .experience-item:hover,
.cv-paper-container .experience-item:hover,
.experience-item:hover {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   21.1 EXECUTIVE OVERVIEW METALLIC SUITE (Light Mode)
   -------------------------------------------------------------------------- */
/* Metric Scorecards in Overview (25M€+, People Lead, 9 Sats, 30 Papers) */
body.theme-light #view-overview .p-5.custom-rounded-box,
body.theme-light #view-overview .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 > div {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 50%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), inset 0 1px 0 #FFFFFF, inset 0 -1px 0 rgba(203, 213, 225, 0.5) !important;
}
body.theme-light #view-overview .p-5.custom-rounded-box:hover,
body.theme-light #view-overview .grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 > div:hover {
  border-color: #94A3B8 !important;
  box-shadow: 0 10px 26px -2px rgba(15, 23, 42, 0.14), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-overview .metric-value {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
body.theme-light #view-overview .p-5.custom-rounded-box .text-slate-400 {
  color: #334155 !important;
  font-weight: 700 !important;
}

/* Three Pillars of Institutional Impact */
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(1) {
  background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 38%, #DBEAFE 78%, #BFDBFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  box-shadow: 0 6px 22px -2px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(1):hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 12px 30px -4px rgba(37, 99, 235, 0.20), inset 0 1px 0 #FFFFFF !important;
}

body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(2) {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 38%, #DCFCE7 78%, #BBF7D0 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 6px 22px -2px rgba(5, 150, 105, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(2):hover {
  border-color: #10B981 !important;
  box-shadow: 0 12px 30px -4px rgba(5, 150, 105, 0.20), inset 0 1px 0 #FFFFFF !important;
}

body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(3) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 38%, #F3E8FF 78%, #E9D5FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 6px 22px -2px rgba(168, 85, 247, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 > div:nth-child(3):hover {
  border-color: #A855F7 !important;
  box-shadow: 0 12px 30px -4px rgba(168, 85, 247, 0.20), inset 0 1px 0 #FFFFFF !important;
}

body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 p {
  color: #334155 !important;
  font-weight: 500 !important;
}
body.theme-light #view-overview .grid-cols-1.md\:grid-cols-3 .border-t {
  border-top-color: rgba(148, 163, 184, 0.3) !important;
}

/* Leadership Profile: "Where I create value" (01 Strategy, 02 Product, 03 Organization, 04 Credibility) */
body.theme-light #view-overview #leadership-profile .executive-card:nth-child(1) {
  background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 42%, #DBEAFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  box-shadow: 0 4px 16px -2px rgba(37, 99, 235, 0.08), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview #leadership-profile .executive-card:nth-child(2) {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 42%, #DCFCE7 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 4px 16px -2px rgba(5, 150, 105, 0.08), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview #leadership-profile .executive-card:nth-child(3) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 42%, #F3E8FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 4px 16px -2px rgba(168, 85, 247, 0.08), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview #leadership-profile .executive-card:nth-child(4) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 42%, #FEF3C7 100%) !important;
  border: 1.5px solid #FDE68A !important;
  box-shadow: 0 4px 16px -2px rgba(217, 119, 6, 0.08), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview #leadership-profile .executive-card h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-overview #leadership-profile .executive-card p {
  color: #334155 !important;
  font-weight: 500 !important;
}

/* Now / Focus card and nested boxes */
body.theme-light #view-overview article[class*="from-brand-surface"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0F7FF 45%, #DBEAFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  box-shadow: 0 6px 24px -2px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview article[class*="from-brand-surface"] .grid.sm\:grid-cols-2 > div {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 50%, #E2E8F0 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview article[class*="from-brand-surface"] strong.text-white {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-overview article[class*="from-brand-surface"] span.text-slate-500 {
  color: #475569 !important;
  font-weight: 600 !important;
}

/* Recognition card */
body.theme-light #view-overview article.lg\:col-span-3:has(.text-brand-gold) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 38%, #FEF3C7 78%, #FDE68A 100%) !important;
  border: 1.5px solid #FCD34D !important;
  box-shadow: 0 6px 22px -2px rgba(217, 119, 6, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview article.lg\:col-span-3:has(.text-brand-gold) h2 {
  color: #0F172A !important;
}
body.theme-light #view-overview article.lg\:col-span-3:has(.text-brand-gold) li {
  color: #334155 !important;
  font-weight: 600 !important;
}

/* Speaking & Media card */
body.theme-light #view-overview article.lg\:col-span-3:has(.text-purple-400) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 38%, #F3E8FF 78%, #E9D5FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 6px 22px -2px rgba(168, 85, 247, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-overview article.lg\:col-span-3:has(.text-purple-400) h2 {
  color: #0F172A !important;
}
body.theme-light #view-overview article.lg\:col-span-3:has(.text-purple-400) p {
  color: #334155 !important;
  font-weight: 500 !important;
}

/* Overview Hero Portrait & Badge */
body.theme-light #view-overview .hero-portrait-frame {
  background: linear-gradient(135deg, #CBD5E1 0%, #E2E8F0 50%, #94A3B8 100%) !important;
  box-shadow: 0 10px 32px -4px rgba(15, 23, 42, 0.14) !important;
}
body.theme-light #view-overview .hero-portrait {
  background: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 50%, #E2E8F0 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
}
body.theme-light #view-overview .inline-flex.bg-brand-surface {
  background: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 50%, #E2E8F0 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #1E293B !important;
}

/* --------------------------------------------------------------------------
   21.2 ACADEMICS APPOINTMENTS & LEADERSHIP SUITE (Light Mode)
   -------------------------------------------------------------------------- */
/* 3 Strategic Executive Pillars (Top strip) */
body.theme-light #academic-leadership-strip > div:nth-child(1) {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 38%, #DCFCE7 78%, #BBF7D0 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 6px 20px -2px rgba(5, 150, 105, 0.10), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #academic-leadership-strip > div:nth-child(2) {
  background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 38%, #DBEAFE 78%, #BFDBFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  box-shadow: 0 6px 20px -2px rgba(37, 99, 235, 0.10), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #academic-leadership-strip > div:nth-child(3) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 38%, #F3E8FF 78%, #E9D5FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 6px 20px -2px rgba(168, 85, 247, 0.10), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #academic-leadership-strip h4 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #academic-leadership-strip p {
  color: #334155 !important;
  font-weight: 500 !important;
}

/* Category Filter Chips in Academics */
body.theme-light .academic-filter-btn:not(.bg-brand-accent) {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light .academic-filter-btn:not(.bg-brand-accent):hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}
body.theme-light .academic-filter-btn.bg-brand-accent {
  background: #2563EB !important;
  border: 1.5px solid #1D4ED8 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25) !important;
}

/* Academic Appointments Cards Grid (8 Cards: Unified Executive Platinum Metallic) */
body.theme-light #academics-cards-grid article[data-academic-category],
body.theme-light article[data-academic-category] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.07), inset 0 1px 0 #FFFFFF !important;
  border-radius: 1.5rem !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.theme-light #academics-cards-grid article[data-academic-category]:hover,
body.theme-light article[data-academic-category]:hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 12px 28px -4px rgba(37, 99, 235, 0.14), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}

/* Card Header Date Pill (Left Badge: Clean, Unified Platinum instead of dark green blob) */
body.theme-light #academics-cards-grid span.rounded-full:not(.w-1\.5):not(.w-2),
body.theme-light [data-academic-category] span.rounded-full:not(.w-1\.5):not(.w-2) {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light #academics-cards-grid span.rounded-full span.w-1\.5.h-1\.5,
body.theme-light [data-academic-category] span.rounded-full span.w-1\.5.h-1\.5,
body.theme-light [data-academic-category] .w-1\.5.h-1\.5.rounded-full {
  background-color: #2563EB !important;
}

/* Card Header Role Pill (Right Badge) */
body.theme-light #academics-cards-grid span.font-mono.uppercase.tracking-wider,
body.theme-light [data-academic-category] span.font-mono.uppercase.tracking-wider {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #475569 !important;
  font-weight: 700 !important;
}

/* Card Main Title */
body.theme-light #academics-cards-grid h3,
body.theme-light [data-academic-category] h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
  transition: color 0.2s ease !important;
}
body.theme-light #academics-cards-grid article:hover h3,
body.theme-light [data-academic-category]:hover h3 {
  color: #1D4ED8 !important;
}

/* Institution / University Subtitles under h3: Unified Authoritative Corporate Sapphire Blue */
body.theme-light #academics-cards-grid h3 + p,
body.theme-light #academics-cards-grid h3 + p a,
body.theme-light #academics-cards-grid h3 + p span,
body.theme-light [data-academic-category] h3 + p,
body.theme-light [data-academic-category] h3 + p a,
body.theme-light [data-academic-category] h3 + p span {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}
body.theme-light #academics-cards-grid h3 + p a:hover,
body.theme-light [data-academic-category] h3 + p a:hover {
  color: #1E40AF !important;
  text-decoration: underline !important;
}

/* Card Body Description */
body.theme-light #academics-cards-grid > article > div > p.text-slate-300,
body.theme-light [data-academic-category] > div > p.text-slate-300 {
  color: #334155 !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

/* Sub-Boxes (Doctoral Audits, Telescope Practicum, TFMs, Research Stays) */
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\],
body.theme-light #academics-cards-grid div[class*="bg-white/[0.03]"],
body.theme-light [data-academic-category] .bg-white\/\[0\.03\],
body.theme-light [data-academic-category] div[class*="bg-white/[0.03]"] {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
  border-radius: 0.875rem !important;
}

/* Sub-box Title / Institution / Degree Name */
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] span.font-bold,
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] span.text-white,
body.theme-light #academics-cards-grid div[class*="bg-white"] span.font-bold,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] span.font-bold,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] span.text-white {
  color: #0F172A !important;
  font-weight: 800 !important;
}

/* Sub-box Right-Side Date / Panel / Location Tags: Unified Polished Slate Micro-Badges */
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] span.font-mono,
body.theme-light #academics-cards-grid div[class*="bg-white/[0.03]"] span.font-mono,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] span.font-mono,
body.theme-light [data-academic-category] div[class*="bg-white/[0.03]"] span.font-mono {
  color: #475569 !important;
  font-weight: 700 !important;
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

/* Sub-box Paragraphs, Quotes and Bullet Lists */
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] p,
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] li,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] p,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] li {
  color: #334155 !important;
  font-weight: 500 !important;
}
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] strong,
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] li strong,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] strong,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] li strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] p.italic,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] p.italic {
  color: #1E293B !important;
  font-weight: 600 !important;
}
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] p.text-slate-400,
body.theme-light [data-academic-category] .bg-white\/\[0\.03\] p.text-slate-400 {
  color: #475569 !important;
  font-weight: 500 !important;
}
body.theme-light #academics-cards-grid .bg-white\/\[0\.03\] a.text-brand-accent {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}

/* Bottom Metadata Tags in Each Card: Unified Clean Executive Chips */
body.theme-light #academics-cards-grid div.flex.flex-wrap.items-center.gap-2.pt-4 span,
body.theme-light [data-academic-category] div.flex.flex-wrap.items-center.gap-2.pt-4 span {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 700 !important;
  border-radius: 0.5rem !important;
}

/* --------------------------------------------------------------------------
   21.3 MENTORSHIP EXECUTIVE SUITE (Light Mode)
   -------------------------------------------------------------------------- */
body.theme-light #view-mentorship .custom-rounded-box {
  background: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 42%, #E2E8F0 82%, #CBD5E1 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.08), inset 0 1px 0 #FFFFFF !important;
}

/* The Core Dilemma Left Card (Executive Platinum-Emerald Metallic) */
body.theme-light #view-mentorship .lg\:col-span-5.custom-rounded-box {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 35%, #F0FDF4 75%, #DCFCE7 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 8px 24px -4px rgba(5, 150, 105, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-mentorship .lg\:col-span-5 span.text-emerald-400 {
  color: #059669 !important;
  font-weight: 800 !important;
}
body.theme-light #view-mentorship .lg\:col-span-5 h2 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-mentorship .lg\:col-span-5 p {
  color: #334155 !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

/* Mentorship 4 Numbered Cards (Harmonized to Badge Colors) */
/* 01: Scientific-to-Corporate Translation (Metallic Emerald) */
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(1) {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 38%, #DCFCE7 78%, #BBF7D0 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 6px 20px -2px rgba(5, 150, 105, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(1):hover {
  border-color: #10B981 !important;
  box-shadow: 0 10px 26px -2px rgba(5, 150, 105, 0.20), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(1) .w-10.h-10 {
  background: linear-gradient(135deg, #ECFDF5 0%, #D1FAE5 100%) !important;
  border: 1.5px solid #6EE7B7 !important;
  color: #047857 !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.15) !important;
  font-weight: 800 !important;
}

/* 02: Deep-Tech Product Management (Metallic Sapphire / Blue) */
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(2) {
  background: linear-gradient(135deg, #FFFFFF 0%, #EFF6FF 38%, #DBEAFE 78%, #BFDBFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  box-shadow: 0 6px 20px -2px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(2):hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 10px 26px -2px rgba(37, 99, 235, 0.20), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(2) .w-10.h-10 {
  background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%) !important;
  border: 1.5px solid #93C5FD !important;
  color: #1D4ED8 !important;
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.15) !important;
  font-weight: 800 !important;
}

/* 03: Business & EMBA Acceleration (Metallic Amber / Gold) */
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(3) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 38%, #FEF3C7 78%, #FDE68A 100%) !important;
  border: 1.5px solid #FCD34D !important;
  box-shadow: 0 6px 20px -2px rgba(217, 119, 6, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(3):hover {
  border-color: #F59E0B !important;
  box-shadow: 0 10px 26px -2px rgba(217, 119, 6, 0.20), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(3) .w-10.h-10 {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%) !important;
  border: 1.5px solid #FCD34D !important;
  color: #B45309 !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15) !important;
  font-weight: 800 !important;
}

/* 04: Executive Presence & Public Speaking (Metallic Amethyst / Purple) */
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(4) {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 38%, #F3E8FF 78%, #E9D5FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 6px 20px -2px rgba(168, 85, 247, 0.12), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(4):hover {
  border-color: #A855F7 !important;
  box-shadow: 0 10px 26px -2px rgba(168, 85, 247, 0.20), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-mentorship .lg\:col-span-7 > div:nth-child(4) .w-10.h-10 {
  background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  color: #7E22CE !important;
  box-shadow: 0 2px 6px rgba(168, 85, 247, 0.15) !important;
  font-weight: 800 !important;
}

/* Headings and body copy within right cards */
body.theme-light #view-mentorship .lg\:col-span-7 h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-mentorship .lg\:col-span-7 p {
  color: #334155 !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
}

/* Mentorship Application Form Block */
body.theme-light #mentorship-form-block {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 40%, #DCFCE7 85%, #BBF7D0 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 8px 26px -4px rgba(5, 150, 105, 0.14), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #mentorship-form-block h2 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #mentorship-form-block p {
  color: #334155 !important;
}

/* University, Partner & Enterprise Logo "Casillas" (Sleek Silver/Ice-Platinum Frame) */
body.theme-light div.bg-white.rounded-xl.shrink-0,
body.theme-light div.bg-white.rounded-lg.shrink-0,
body.theme-light div.shrink-0.bg-white,
body.theme-light #view-education .grid div.bg-white,
body.theme-light #view-education img.bg-white,
body.theme-light article div.shrink-0.bg-white,
body.theme-light .paper-card div.shrink-0.bg-white,
body.theme-light [data-academic-category] div.shrink-0.bg-white {
  background: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 50%, #E2E8F0 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

body.theme-light div.shrink-0.bg-white:hover,
body.theme-light #view-education .grid div.bg-white:hover,
body.theme-light #view-education img.bg-white:hover {
  border-color: #94A3B8 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
}

/* ESADE Flagship Hero Card in Education */
body.theme-light #view-education .rounded-3xl.border-brand-accent\/50,
body.theme-light #view-education .rounded-3xl:has(.esade-logo) {
  background: linear-gradient(135deg, #EFF6FF 0%, #FFFFFF 40%, #F8FAFC 75%, #F1F5F9 100%) !important;
  border: 2px solid #60A5FA !important;
  box-shadow: 0 10px 30px -4px rgba(37, 99, 235, 0.12), inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

body.theme-light #view-education .rounded-3xl:has(.esade-logo) .flex-col.sm\:flex-row {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   22. PROJECTS PAGE METALLIC BANNERS IN LIGHT MODE
   ========================================================================== */
body.theme-light #view-projects article > div > div[class*="bg-gradient-to-br"],
body.theme-light article div[class*="bg-gradient-to-br"][class*="min-h-"] {
  background: linear-gradient(135deg, #F1F5F9 0%, #FFFFFF 50%, #E2E8F0 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.theme-light article div[class*="from-blue-950"] {
  background: linear-gradient(135deg, rgba(219, 234, 254, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #93C5FD !important;
}
body.theme-light article div[class*="from-cyan-950"] {
  background: linear-gradient(135deg, rgba(207, 250, 254, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #67E8F9 !important;
}
body.theme-light article div[class*="from-emerald-950"] {
  background: linear-gradient(135deg, rgba(209, 250, 229, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #6EE7B7 !important;
}
body.theme-light article div[class*="from-purple-950"] {
  background: linear-gradient(135deg, rgba(243, 232, 255, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #D8B4FE !important;
}
body.theme-light article div[class*="from-amber-950"] {
  background: linear-gradient(135deg, rgba(254, 243, 199, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #FCD34D !important;
}
body.theme-light article div[class*="from-red-950"] {
  background: linear-gradient(135deg, rgba(255, 228, 230, 0.8) 0%, #FFFFFF 55%, #F1F5F9 100%) !important;
  border-color: #FDA4AF !important;
}

/* Headings and background watermark on project banners */
body.theme-light #view-projects article h3,
body.theme-light article div[class*="bg-gradient-to-br"] h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="purple"] {
  color: rgba(147, 51, 234, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="blue"] {
  color: rgba(37, 99, 235, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="cyan"] {
  color: rgba(8, 145, 178, 0.30) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="red"] {
  color: rgba(220, 38, 38, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="sky"] {
  color: rgba(2, 132, 199, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="indigo"] {
  color: rgba(79, 70, 229, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="emerald"] {
  color: rgba(5, 150, 105, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="amber"] {
  color: rgba(217, 119, 6, 0.30) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="teal"] {
  color: rgba(13, 148, 136, 0.28) !important;
}
body.theme-light #view-projects article div[class*="select-none"][class*="slate"] {
  color: rgba(71, 85, 105, 0.24) !important;
}
body.theme-light #view-projects article div[class*="select-none pointer-events-none"] {
  color: rgba(100, 116, 139, 0.22);
}

/* ==========================================================================
   23. SATELLITES VISUALIZER MOBILE OPTIMIZATION
   ========================================================================== */
@media (max-width: 1023px) {
  .visualizer-viewport {
    height: calc(100vh - 72px) !important;
    height: calc(100dvh - 72px) !important;
  }
  .visualizer-viewport[data-mobile-view="globe"] #globeStage {
    display: block !important;
    height: 100% !important;
    flex: 1 1 0% !important;
  }
  .visualizer-viewport[data-mobile-view="globe"] #satSidebar {
    display: none !important;
  }
  .visualizer-viewport[data-mobile-view="fleet"] #globeStage {
    display: none !important;
  }
  .visualizer-viewport[data-mobile-view="fleet"] #satSidebar {
    display: flex !important;
    height: 100% !important;
    flex: 1 1 0% !important;
  }
  .hud-controls-bar {
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    gap: 6px !important;
  }
  #telemetryCard {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
    max-height: 48vh !important;
    overflow-y: auto !important;
  }
}

/* ==========================================================================
   24. SCHOLAR & PAPERS RICH METALLIC HARMONY (Light Mode)
   ========================================================================== */

/* Top Metrics Scorecards (5 Cards: Unified Executive Platinum Metallic Harmony) */
body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.05), inset 0 1px 0 #FFFFFF !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div:hover {
  border-color: #2563EB !important;
  box-shadow: 0 8px 24px -4px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px) !important;
}

body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div span:first-child {
  color: #475569 !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div strong {
  color: #0F172A !important;
  font-weight: 800 !important;
  font-size: 1.65rem !important;
  letter-spacing: -0.02em !important;
  transition: color 0.2s ease !important;
}

body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div:hover strong {
  color: #1D4ED8 !important;
}

body.theme-light #view-scholar .grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5 > div span:last-child {
  color: #64748B !important;
  font-weight: 500 !important;
  font-size: 10px !important;
}

/* Scholar CTA Button: "Official Google Scholar Profile" */
body.theme-light #view-scholar a[href*="scholar.google.com"] {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
  color: #FFFFFF !important;
  border: 1.5px solid #B45309 !important;
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.35) !important;
  font-weight: 800 !important;
}
body.theme-light #view-scholar a[href*="scholar.google.com"]:hover {
  background: linear-gradient(135deg, #D97706 0%, #B45309 100%) !important;
}

/* --------------------------------------------------------------------------
   Filter Chips in Light Mode (Vibrant, Saturated & Crisp)
   -------------------------------------------------------------------------- */
/* Inactive states */
body.theme-light .paper-filter-all:not(.is-active) {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #334155 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light .paper-filter-nobel:not(.is-active) {
  background: #FFFBEB !important;
  border: 1.5px solid #FCD34D !important;
  color: #B45309 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.06) !important;
}
body.theme-light .paper-filter-sky:not(.is-active) {
  background: #F0F9FF !important;
  border: 1.5px solid #7DD3FC !important;
  color: #0369A1 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(2, 132, 199, 0.06) !important;
}
body.theme-light .paper-filter-violet:not(.is-active) {
  background: #FAF5FF !important;
  border: 1.5px solid #D8B4FE !important;
  color: #7E22CE !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(147, 51, 234, 0.06) !important;
}
body.theme-light .paper-filter-emerald:not(.is-active) {
  background: #F0FDF4 !important;
  border: 1.5px solid #86EFAC !important;
  color: #047857 !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.06) !important;
}
body.theme-light .paper-filter-indigo:not(.is-active) {
  background: #EEF2FF !important;
  border: 1.5px solid #A5B4FC !important;
  color: #4338CA !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 6px rgba(79, 70, 229, 0.06) !important;
}

/* Hover on Inactive */
body.theme-light .paper-filter-all:not(.is-active):hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}
body.theme-light .paper-filter-nobel:not(.is-active):hover {
  background: #FEF3C7 !important;
  border-color: #F59E0B !important;
}
body.theme-light .paper-filter-sky:not(.is-active):hover {
  background: #E0F2FE !important;
  border-color: #0284C7 !important;
}
body.theme-light .paper-filter-violet:not(.is-active):hover {
  background: #F3E8FF !important;
  border-color: #9333EA !important;
}
body.theme-light .paper-filter-emerald:not(.is-active):hover {
  background: #DCFCE7 !important;
  border-color: #059669 !important;
}
body.theme-light .paper-filter-indigo:not(.is-active):hover {
  background: #E0E7FF !important;
  border-color: #4F46E5 !important;
}

/* Active states (Rich Saturated Metallic Gradient + Glow) */
body.theme-light .paper-filter-all.is-active,
body.theme-light .paper-filter-all[data-active="true"] {
  background: linear-gradient(135deg, #1E293B, #0F172A) !important;
  border: 1.5px solid #0F172A !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.25) !important;
  font-weight: 800 !important;
}
body.theme-light .paper-filter-nobel.is-active,
body.theme-light .paper-filter-nobel[data-active="true"] {
  background: linear-gradient(135deg, #F59E0B, #D97706) !important;
  border: 1.5px solid #B45309 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.40) !important;
  font-weight: 800 !important;
}
body.theme-light .paper-filter-sky.is-active,
body.theme-light .paper-filter-sky[data-active="true"] {
  background: linear-gradient(135deg, #0284C7, #0369A1) !important;
  border: 1.5px solid #075985 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(2, 132, 199, 0.40) !important;
  font-weight: 800 !important;
}
body.theme-light .paper-filter-violet.is-active,
body.theme-light .paper-filter-violet[data-active="true"] {
  background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
  border: 1.5px solid #6B21A8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(147, 51, 234, 0.40) !important;
  font-weight: 800 !important;
}
body.theme-light .paper-filter-emerald.is-active,
body.theme-light .paper-filter-emerald[data-active="true"] {
  background: linear-gradient(135deg, #059669, #047857) !important;
  border: 1.5px solid #065F46 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(5, 150, 105, 0.40) !important;
  font-weight: 800 !important;
}
body.theme-light .paper-filter-indigo.is-active,
body.theme-light .paper-filter-indigo[data-active="true"] {
  background: linear-gradient(135deg, #4F46E5, #4338CA) !important;
  border: 1.5px solid #3730A3 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.40) !important;
  font-weight: 800 !important;
}

/* --------------------------------------------------------------------------
   Paper Cards Metallic Finishing by Research Category (Light Mode)
   -------------------------------------------------------------------------- */
/* Common typography and structural elements */
body.theme-light .paper-card {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.theme-light .paper-card h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card p {
  color: #334155 !important;
}
body.theme-light .paper-card p strong,
body.theme-light .paper-card p u {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card span.font-mono {
  color: #475569 !important;
  font-weight: 700 !important;
}
body.theme-light .paper-card div.border-t {
  border-top-color: rgba(148, 163, 184, 0.30) !important;
}
body.theme-light .paper-card pre {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #1E293B !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}
body.theme-light .paper-card pre:hover {
  border-color: #94A3B8 !important;
}
body.theme-light .paper-card div[id^="abs-"] span[class*="border-white/10"] {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  font-weight: 600 !important;
}

/* 1. NOBEL PRIZE CO-AUTHORSHIP (Rich Metallic Gold / Amber) */
body.theme-light .paper-card[data-category="nobel"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 38%, #FEF3C7 78%, #FDE68A 100%) !important;
  border: 1.5px solid #FCD34D !important;
  box-shadow: 0 6px 22px -2px rgba(217, 119, 6, 0.15), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .paper-card[data-category="nobel"]:hover {
  border-color: #F59E0B !important;
  box-shadow: 0 12px 30px -2px rgba(217, 119, 6, 0.25), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light .paper-card[data-category="nobel"] span[class*="text-brand-gold"],
body.theme-light .paper-card[data-category="nobel"] span[class*="bg-brand-gold"] {
  background: #FEF3C7 !important;
  border: 1.5px solid #F59E0B !important;
  color: #92400E !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="nobel"] h3:hover {
  color: #B45309 !important;
}
body.theme-light .paper-card[data-category="nobel"] a.text-brand-gold,
body.theme-light .paper-card[data-category="nobel"] button[onclick*="toggleBibtex"] {
  color: #B45309 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="nobel"] a.text-brand-gold:hover,
body.theme-light .paper-card[data-category="nobel"] button[onclick*="toggleBibtex"]:hover {
  color: #78350F !important;
}
body.theme-light .paper-card[data-category="nobel"] div[id^="abs-"] {
  background: #FFFBEB !important;
  border: 1.5px solid #FCD34D !important;
}
body.theme-light .paper-card[data-category="nobel"] div[id^="abs-"] .text-brand-gold {
  color: #92400E !important;
  border-bottom-color: #FCD34D !important;
}
body.theme-light .paper-card[data-category="nobel"] div[id^="abs-"] div[class*="bg-brand-gold"] {
  background: #FEF3C7 !important;
  border: 1.5px solid #F59E0B !important;
  color: #78350F !important;
}

/* 2. OPTICS & WFS (Rich Metallic Sky / Sapphire Blue) */
body.theme-light .paper-card[data-category="optics_wfs"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0F9FF 38%, #E0F2FE 78%, #BAE6FD 100%) !important;
  border: 1.5px solid #7DD3FC !important;
  box-shadow: 0 6px 22px -2px rgba(2, 132, 199, 0.15), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .paper-card[data-category="optics_wfs"]:hover {
  border-color: #0284C7 !important;
  box-shadow: 0 12px 30px -2px rgba(2, 132, 199, 0.25), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light .paper-card[data-category="optics_wfs"] span[class*="text-sky-"],
body.theme-light .paper-card[data-category="optics_wfs"] span[class*="bg-sky-"] {
  background: #E0F2FE !important;
  border: 1.5px solid #0284C7 !important;
  color: #075985 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] h3:hover {
  color: #0284C7 !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] a[class*="text-sky-"],
body.theme-light .paper-card[data-category="optics_wfs"] button[onclick*="toggleBibtex"] {
  color: #0284C7 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] a[class*="text-sky-"]:hover,
body.theme-light .paper-card[data-category="optics_wfs"] button[onclick*="toggleBibtex"]:hover {
  color: #075985 !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] div[id^="abs-"] {
  background: #F0F9FF !important;
  border: 1.5px solid #7DD3FC !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] div[id^="abs-"] .text-sky-300,
body.theme-light .paper-card[data-category="optics_wfs"] div[id^="abs-"] .text-sky-400 {
  color: #075985 !important;
  border-bottom-color: #7DD3FC !important;
}
body.theme-light .paper-card[data-category="optics_wfs"] div[id^="abs-"] div[class*="bg-sky-"] {
  background: #E0F2FE !important;
  border: 1.5px solid #38BDF8 !important;
  color: #0C4A6E !important;
}

/* 3. INSTRUMENTATION (Rich Metallic Amethyst / Royal Purple) */
body.theme-light .paper-card[data-category="instrumentation"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #FAF5FF 38%, #F3E8FF 78%, #E9D5FF 100%) !important;
  border: 1.5px solid #D8B4FE !important;
  box-shadow: 0 6px 22px -2px rgba(147, 51, 234, 0.15), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .paper-card[data-category="instrumentation"]:hover {
  border-color: #9333EA !important;
  box-shadow: 0 12px 30px -2px rgba(147, 51, 234, 0.25), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light .paper-card[data-category="instrumentation"] span[class*="text-purple-"],
body.theme-light .paper-card[data-category="instrumentation"] span[class*="bg-purple-"] {
  background: #F3E8FF !important;
  border: 1.5px solid #9333EA !important;
  color: #581C87 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="instrumentation"] h3:hover {
  color: #7E22CE !important;
}
body.theme-light .paper-card[data-category="instrumentation"] a[class*="text-purple-"],
body.theme-light .paper-card[data-category="instrumentation"] button[onclick*="toggleBibtex"] {
  color: #7E22CE !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="instrumentation"] a[class*="text-purple-"]:hover,
body.theme-light .paper-card[data-category="instrumentation"] button[onclick*="toggleBibtex"]:hover {
  color: #581C87 !important;
}
body.theme-light .paper-card[data-category="instrumentation"] div[id^="abs-"] {
  background: #FAF5FF !important;
  border: 1.5px solid #D8B4FE !important;
}
body.theme-light .paper-card[data-category="instrumentation"] div[id^="abs-"] .text-purple-300,
body.theme-light .paper-card[data-category="instrumentation"] div[id^="abs-"] .text-purple-400 {
  color: #581C87 !important;
  border-bottom-color: #D8B4FE !important;
}
body.theme-light .paper-card[data-category="instrumentation"] div[id^="abs-"] div[class*="bg-purple-"] {
  background: #F3E8FF !important;
  border: 1.5px solid #C084FC !important;
  color: #4C1D95 !important;
}

/* 4. EXOPLANETS (Rich Metallic Emerald / Forest Green) */
body.theme-light .paper-card[data-category="exoplanets"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #F0FDF4 38%, #DCFCE7 78%, #BBF7D0 100%) !important;
  border: 1.5px solid #86EFAC !important;
  box-shadow: 0 6px 22px -2px rgba(5, 150, 105, 0.15), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .paper-card[data-category="exoplanets"]:hover {
  border-color: #10B981 !important;
  box-shadow: 0 12px 30px -2px rgba(5, 150, 105, 0.25), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light .paper-card[data-category="exoplanets"] span[class*="text-emerald-"],
body.theme-light .paper-card[data-category="exoplanets"] span[class*="bg-emerald-"] {
  background: #DCFCE7 !important;
  border: 1.5px solid #059669 !important;
  color: #064E3B !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="exoplanets"] h3:hover {
  color: #047857 !important;
}
body.theme-light .paper-card[data-category="exoplanets"] a[class*="text-emerald-"],
body.theme-light .paper-card[data-category="exoplanets"] button[onclick*="toggleBibtex"] {
  color: #047857 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="exoplanets"] a[class*="text-emerald-"]:hover,
body.theme-light .paper-card[data-category="exoplanets"] button[onclick*="toggleBibtex"]:hover {
  color: #064E3B !important;
}
body.theme-light .paper-card[data-category="exoplanets"] div[id^="abs-"] {
  background: #F0FDF4 !important;
  border: 1.5px solid #86EFAC !important;
}
body.theme-light .paper-card[data-category="exoplanets"] div[id^="abs-"] .text-emerald-300,
body.theme-light .paper-card[data-category="exoplanets"] div[id^="abs-"] .text-emerald-400 {
  color: #064E3B !important;
  border-bottom-color: #86EFAC !important;
}
body.theme-light .paper-card[data-category="exoplanets"] div[id^="abs-"] div[class*="bg-emerald-"] {
  background: #DCFCE7 !important;
  border: 1.5px solid #34D399 !important;
  color: #022C22 !important;
}

/* 5. ASTROPHYSICS (Rich Metallic Indigo / Royal Cobalt) */
body.theme-light .paper-card[data-category="astrophysics"] {
  background: linear-gradient(135deg, #FFFFFF 0%, #EEF2FF 38%, #E0E7FF 78%, #C7D2FE 100%) !important;
  border: 1.5px solid #A5B4FC !important;
  box-shadow: 0 6px 22px -2px rgba(79, 70, 229, 0.15), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light .paper-card[data-category="astrophysics"]:hover {
  border-color: #4F46E5 !important;
  box-shadow: 0 12px 30px -2px rgba(79, 70, 229, 0.25), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light .paper-card[data-category="astrophysics"] span[class*="text-indigo-"],
body.theme-light .paper-card[data-category="astrophysics"] span[class*="bg-indigo-"] {
  background: #E0E7FF !important;
  border: 1.5px solid #4F46E5 !important;
  color: #312E81 !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="astrophysics"] h3:hover {
  color: #4338CA !important;
}
body.theme-light .paper-card[data-category="astrophysics"] a[class*="text-indigo-"],
body.theme-light .paper-card[data-category="astrophysics"] button[onclick*="toggleBibtex"] {
  color: #4338CA !important;
  font-weight: 800 !important;
}
body.theme-light .paper-card[data-category="astrophysics"] a[class*="text-indigo-"]:hover,
body.theme-light .paper-card[data-category="astrophysics"] button[onclick*="toggleBibtex"]:hover {
  color: #312E81 !important;
}
body.theme-light .paper-card[data-category="astrophysics"] div[id^="abs-"] {
  background: #EEF2FF !important;
  border: 1.5px solid #A5B4FC !important;
}
body.theme-light .paper-card[data-category="astrophysics"] div[id^="abs-"] .text-indigo-300,
body.theme-light .paper-card[data-category="astrophysics"] div[id^="abs-"] .text-indigo-400 {
  color: #312E81 !important;
  border-bottom-color: #A5B4FC !important;
}
body.theme-light .paper-card[data-category="astrophysics"] div[id^="abs-"] div[class*="bg-indigo-"] {
  background: #E0E7FF !important;
  border: 1.5px solid #818CF8 !important;
  color: #1E1B4B !important;
}

/* ==========================================================================
   25. OUTREACH & SCIENCE JOURNALISM (Light Mode)
   ========================================================================== */
/* Metrics scorecards at top of Outreach: Unified Executive Platinum Metallic */
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  border-radius: 1rem !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.05), inset 0 1px 0 #FFFFFF !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div:hover {
  border-color: #2563EB !important;
  box-shadow: 0 8px 24px -4px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px) !important;
}
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div strong,
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div [class*="text-"] {
  color: #0F172A !important;
  font-weight: 800 !important;
  transition: color 0.2s ease !important;
}
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div:hover strong,
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div:hover [class*="text-"] {
  color: #1D4ED8 !important;
}
body.theme-light #view-outreach .grid-cols-2.sm\:grid-cols-4 > div div:last-child {
  color: #475569 !important;
  font-weight: 600 !important;
}

/* Section 1: Revista ESPACIO Flagship Showcase */
body.theme-light #view-outreach .custom-rounded-box {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFBEB 35%, #FEF3C7 75%, #FDE68A 100%) !important;
  border: 1.5px solid #FCD34D !important;
  box-shadow: 0 8px 24px -4px rgba(217, 119, 6, 0.14), inset 0 1px 0 #FFFFFF !important;
}
body.theme-light #view-outreach .custom-rounded-box h4 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-outreach .custom-rounded-box p {
  color: #334155 !important;
  font-weight: 500 !important;
}
body.theme-light #view-outreach .custom-rounded-box span[class*="bg-brand-gold"] {
  background: #FEF3C7 !important;
  border-color: #F59E0B !important;
  color: #92400E !important;
  font-weight: 800 !important;
}
body.theme-light #view-outreach .custom-rounded-box div.bg-brand-dark {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05) !important;
}
body.theme-light #view-outreach .custom-rounded-box div.bg-brand-dark strong {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-outreach .custom-rounded-box div.bg-brand-dark span {
  color: #475569 !important;
  font-weight: 500 !important;
}

/* Cards across Sections 2, 3, 4 */
body.theme-light #view-outreach .grid > div.rounded-2xl,
body.theme-light #view-outreach .grid > div.rounded-xl {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 55%, #F1F5F9 100%) !important;
  border: 1.5px solid #CBD5E1 !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.06), inset 0 1px 0 #FFFFFF !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
body.theme-light #view-outreach .grid > div.rounded-2xl:hover,
body.theme-light #view-outreach .grid > div.rounded-xl:hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 10px 24px -2px rgba(37, 99, 235, 0.12), inset 0 1px 0 #FFFFFF !important;
  transform: translateY(-2px);
}
body.theme-light #view-outreach h3 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-outreach h4 {
  color: #0F172A !important;
  font-weight: 800 !important;
}
body.theme-light #view-outreach p {
  color: #334155 !important;
  font-weight: 500 !important;
}
body.theme-light #view-outreach ul.bg-brand-dark {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
}
body.theme-light #view-outreach ul.bg-brand-dark li {
  color: #334155 !important;
}
body.theme-light #view-outreach ul.bg-brand-dark li strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   26. UNIVERSAL HIGH-CONTRAST FALLBACKS & PILLS (Light Mode)
   Eliminates all washed-out pastel text, unreadable pills, and faint dates across all pages.
   ========================================================================== */
body.theme-light [class*="text-red-300"],
body.theme-light [class*="text-red-400"],
body.theme-light [class*="text-rose-300"],
body.theme-light [class*="text-rose-400"],
body.theme-light [class*="text-pink-300"],
body.theme-light [class*="text-pink-400"] {
  color: #991B1B !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-blue-300"],
body.theme-light [class*="text-blue-400"] {
  color: #1D4ED8 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-sky-300"],
body.theme-light [class*="text-sky-400"] {
  color: #0369A1 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-cyan-300"],
body.theme-light [class*="text-cyan-400"],
body.theme-light [class*="text-teal-300"],
body.theme-light [class*="text-teal-400"] {
  color: #0E7490 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-purple-300"],
body.theme-light [class*="text-purple-400"],
body.theme-light [class*="text-violet-300"],
body.theme-light [class*="text-violet-400"] {
  color: #6B21A8 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-indigo-300"],
body.theme-light [class*="text-indigo-400"] {
  color: #3730A3 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-emerald-300"],
body.theme-light [class*="text-emerald-400"],
body.theme-light [class*="text-green-300"],
body.theme-light [class*="text-green-400"] {
  color: #065F46 !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-amber-300"],
body.theme-light [class*="text-amber-400"],
body.theme-light [class*="text-yellow-300"],
body.theme-light [class*="text-yellow-400"] {
  color: #92400E !important;
  font-weight: 700 !important;
}

body.theme-light [class*="text-orange-300"],
body.theme-light [class*="text-orange-400"] {
  color: #9A3412 !important;
  font-weight: 700 !important;
}

/* Universal high-contrast tinted pills & badges across all pages */
body.theme-light span[class*="bg-red-500/"],
body.theme-light span[class*="bg-rose-500/"],
body.theme-light div[class*="bg-red-500/"],
body.theme-light div[class*="bg-rose-500/"],
body.theme-light a[class*="bg-red-500/"],
body.theme-light a[class*="bg-rose-500/"] {
  background-color: #FEF2F2 !important;
  border-color: #F87171 !important;
  color: #991B1B !important;
}

body.theme-light span[class*="bg-blue-500/"],
body.theme-light div[class*="bg-blue-500/"],
body.theme-light a[class*="bg-blue-500/"] {
  background-color: #EFF6FF !important;
  border-color: #60A5FA !important;
  color: #1E40AF !important;
}

body.theme-light span[class*="bg-sky-500/"],
body.theme-light div[class*="bg-sky-500/"],
body.theme-light a[class*="bg-sky-500/"] {
  background-color: #F0F9FF !important;
  border-color: #38BDF8 !important;
  color: #0369A1 !important;
}

body.theme-light span[class*="bg-cyan-500/"],
body.theme-light div[class*="bg-cyan-500/"],
body.theme-light a[class*="bg-cyan-500/"] {
  background-color: #ECFEFF !important;
  border-color: #22D3EE !important;
  color: #0E7490 !important;
}

body.theme-light span[class*="bg-purple-500/"],
body.theme-light div[class*="bg-purple-500/"],
body.theme-light a[class*="bg-purple-500/"] {
  background-color: #FAF5FF !important;
  border-color: #C084FC !important;
  color: #6B21A8 !important;
}

body.theme-light span[class*="bg-indigo-500/"],
body.theme-light div[class*="bg-indigo-500/"],
body.theme-light a[class*="bg-indigo-500/"] {
  background-color: #EEF2FF !important;
  border-color: #818CF8 !important;
  color: #3730A3 !important;
}

body.theme-light span[class*="bg-emerald-500/"],
body.theme-light div[class*="bg-emerald-500/"],
body.theme-light a[class*="bg-emerald-500/"] {
  background-color: #ECFDF5 !important;
  border-color: #34D399 !important;
  color: #065F46 !important;
}

body.theme-light span[class*="bg-amber-500/"],
body.theme-light div[class*="bg-amber-500/"],
body.theme-light a[class*="bg-amber-500/"] {
  background-color: #FFFBEB !important;
  border-color: #FBBF24 !important;
  color: #92400E !important;
}

/* Speaking & Keynotes section chips in Light Mode */
body.theme-light a[href*="#industry-talks"],
body.theme-light a[href*="#scientific-contributions"],
body.theme-light a[href*="#invited-talks"],
body.theme-light a[href*="#conference-attendance"] {
  font-weight: 800 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
}

/* Courses & Certifications filters in Light Mode (Color-coded by type) */
body.theme-light .course-filter {
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
  transition: all 0.2s ease !important;
}

/* All Courses */
body.theme-light .course-filter[data-tag="all"]:not(.bg-brand-accent) {
  background: #FFFFFF !important;
  border: 1.5px solid #CBD5E1 !important;
  color: #475569 !important;
}
body.theme-light .course-filter[data-tag="all"]:not(.bg-brand-accent):hover {
  background: #F8FAFC !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}
body.theme-light .course-filter[data-tag="all"].bg-brand-accent {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(29, 78, 216, 0.25) !important;
}

/* Science filter (Gold / Amber) */
body.theme-light .course-filter[data-tag="science"]:not(.bg-brand-gold) {
  background: #FFFBEB !important;
  border: 1.5px solid #FCD34D !important;
  color: #B45309 !important;
}
body.theme-light .course-filter[data-tag="science"]:not(.bg-brand-gold):hover {
  background: #FEF3C7 !important;
  border-color: #F59E0B !important;
  color: #92400E !important;
}
body.theme-light .course-filter[data-tag="science"].bg-brand-gold {
  background: #D97706 !important;
  border-color: #D97706 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(217, 119, 6, 0.25) !important;
}

/* Instrumentation filter (Sapphire / Blue) */
body.theme-light .course-filter[data-tag="instrumentation"]:not(.bg-brand-accent) {
  background: #EFF6FF !important;
  border: 1.5px solid #93C5FD !important;
  color: #1D4ED8 !important;
}
body.theme-light .course-filter[data-tag="instrumentation"]:not(.bg-brand-accent):hover {
  background: #DBEAFE !important;
  border-color: #2563EB !important;
  color: #1E40AF !important;
}
body.theme-light .course-filter[data-tag="instrumentation"].bg-brand-accent {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(29, 78, 216, 0.25) !important;
}

/* Business filter (Emerald) */
body.theme-light .course-filter[data-tag="business"]:not(.bg-emerald-500) {
  background: #ECFDF5 !important;
  border: 1.5px solid #6EE7B7 !important;
  color: #047857 !important;
}
body.theme-light .course-filter[data-tag="business"]:not(.bg-emerald-500):hover {
  background: #D1FAE5 !important;
  border-color: #059669 !important;
  color: #065F46 !important;
}
body.theme-light .course-filter[data-tag="business"].bg-emerald-500 {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.25) !important;
}

/* Other filter (Purple / Violet) */
body.theme-light .course-filter[data-tag="other"]:not(.bg-purple-600) {
  background: #FAF5FF !important;
  border: 1.5px solid #D8B4FE !important;
  color: #7E22CE !important;
}
body.theme-light .course-filter[data-tag="other"]:not(.bg-purple-600):hover {
  background: #F3E8FF !important;
  border-color: #A855F7 !important;
  color: #6B21A8 !important;
}
body.theme-light .course-filter[data-tag="other"].bg-purple-600 {
  background: #7E22CE !important;
  border-color: #7E22CE !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(126, 34, 206, 0.25) !important;
}


/* Education & Pitch cards honors pills */
body.theme-light [class*="bg-amber-400/"] {
  background-color: #FEF3C7 !important;
  border-color: #FCD34D !important;
  color: #92400E !important;
  font-weight: 800 !important;
}
body.theme-light [class*="text-amber-400/"] {
  color: #92400E !important;
  font-weight: 800 !important;
}

/* Course Duration Badge (Casilla inferior derecha) */
.course-duration-badge {
  letter-spacing: 0.02em;
}
body:not(.theme-light) .course-duration-badge {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #CBD5E1 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
body.theme-light .course-duration-badge {
  background: #F1F5F9 !important;
  color: #334155 !important;
  border: 1px solid #CBD5E1 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

/* Other tag pill in Light Mode */
body.theme-light [data-course-tag="other"] [class*="text-purple-400"] {
  color: #7E22CE !important;
}
body.theme-light [data-course-tag="other"] [class*="bg-purple-500/10"] {
  background-color: rgba(168, 85, 247, 0.12) !important;
  border-color: rgba(168, 85, 247, 0.3) !important;
}