/* ═══════════════════════════════════════════════════════════
   Light Mode Overrides — Shared Subpage Styles
   Used by articles, calculators, legal pages
   ═══════════════════════════════════════════════════════════ */

/* Override CSS custom properties for light mode */
[data-theme="light"] {
    --bg: #F9FAFB;
    --bg-primary: #F9FAFB;
    --bg-surface: rgba(255, 255, 255, 0.9);
    --bg-surface-solid: #FFFFFF;
    --surf: rgba(255, 255, 255, 0.9);
    --surf2: rgba(243, 244, 246, 0.8);
    --border: rgba(229, 231, 235, 0.8);
    --border-color: rgba(229, 231, 235, 0.8);
    --primary: #3B82F6;
    --primary-h: #2563EB;
    --primary-hover: #2563EB;
    --accent-cyan: #64748B;
    --cyan: #64748B;
    --gold: #3B82F6;
    --accent-gold: #3B82F6;
    --tw: #1F2937;
    --text-white: #1F2937;
    --t1: #1F2937;
    --text-100: #1F2937;
    --t3: #374151;
    --text-300: #374151;
    --t4: #6B7280;
    --text-400: #6B7280;
    --t5: #D1D5DB;
    --text-500: #D1D5DB;

    /* SVG schematic colors — light mode (high contrast) */
    --sv-vin: #2563EB;
    --sv-wire: #6B7280;
    --sv-comp: #d97706;
    --sv-mid: #0891b2;
    --sv-load: #0284c7;
    --sv-gnd: #9CA3AF;
    --sv-dim: #6B7280;
}

/* Body */
[data-theme="light"] body {
    background: #F9FAFB;
    color: #1F2937;
}

/* Nav */
[data-theme="light"] .nav {
    background: rgba(255, 255, 255, 0.92);
    border-bottom-color: #E5E7EB;
}

[data-theme="light"] .nav-brand {
    color: #1F2937;
}

[data-theme="light"] .nav-brand .ms,
[data-theme="light"] .nav-brand .material-symbols-outlined {
    color: #3B82F6;
}

[data-theme="light"] .back-link {
    color: #6B7280;
}

[data-theme="light"] .back-link:hover {
    color: #3B82F6;
}

/* Nav Links (articles/calculators index) */
[data-theme="light"] .nav-link {
    color: #4B5563;
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
    color: #3B82F6;
}

/* Buttons */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-launch,
[data-theme="light"] .btn-back {
    background: linear-gradient(135deg, #3B82F6, #2563EB);
    color: #FFFFFF;
    box-shadow: 0 4px 20px rgba(59, 130, 246, 0.25);
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .btn-launch:hover,
[data-theme="light"] .btn-back:hover {
    background: linear-gradient(135deg, #2563EB, #1D4ED8);
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.35);
}

[data-theme="light"] .btn-secondary {
    background: #FFFFFF;
    color: #374151;
    border-color: #D1D5DB;
    backdrop-filter: none;
}

[data-theme="light"] .btn-secondary:hover {
    background: #F3F4F6;
    border-color: #9CA3AF;
}

/* Hero & Glows */
[data-theme="light"] .glow,
[data-theme="light"] .hero-glow {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .article-hero,
[data-theme="light"] .hero-section {
    background: #F3F4F6;
}

/* Tags */
[data-theme="light"] .article-tag,
[data-theme="light"] .tag,
[data-theme="light"] .meta-tag {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.2);
    color: #3B82F6;
}

/* Cards */
[data-theme="light"] .card,
[data-theme="light"] .article-card,
[data-theme="light"] .calculator-card,
[data-theme="light"] .coming-soon-card,
[data-theme="light"] .calc-card {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .card:hover,
[data-theme="light"] .article-card:hover,
[data-theme="light"] .calculator-card:hover,
[data-theme="light"] .calc-card:hover {
    border-color: rgba(59, 130, 246, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Icons */
[data-theme="light"] .card-icon,
[data-theme="light"] .calc-icon,
[data-theme="light"] .coming-soon-icon {
    background: rgba(59, 130, 246, 0.08);
}

[data-theme="light"] .card-icon .material-symbols-outlined,
[data-theme="light"] .card-icon .ms,
[data-theme="light"] .calc-icon .material-symbols-outlined,
[data-theme="light"] .calc-icon .ms,
[data-theme="light"] .coming-soon-icon .material-symbols-outlined {
    color: #3B82F6;
}

/* Card titles */
[data-theme="light"] .card h3,
[data-theme="light"] .article-card h3,
[data-theme="light"] .calculator-card h3,
[data-theme="light"] .calc-card h3,
[data-theme="light"] .coming-soon-card h2 {
    color: #1F2937;
}

/* Card descriptions */
[data-theme="light"] .card p,
[data-theme="light"] .article-card p,
[data-theme="light"] .calculator-card p,
[data-theme="light"] .calc-card p,
[data-theme="light"] .coming-soon-card p {
    color: #6B7280;
}

/* Section headers */
[data-theme="light"] .section-title,
[data-theme="light"] h1,
[data-theme="light"] h2 {
    color: #1F2937;
}

[data-theme="light"] .section-subtitle {
    color: #6B7280;
}

/* Footer */
[data-theme="light"] .footer {
    background: #F3F4F6;
    border-top-color: #E5E7EB;
}

[data-theme="light"] .footer-brand {
    color: #1F2937;
}

[data-theme="light"] .footer-brand .material-symbols-outlined,
[data-theme="light"] .footer-brand .ms {
    color: #3B82F6;
}

[data-theme="light"] .footer-links a {
    color: #6B7280;
}

[data-theme="light"] .footer-links a:hover {
    color: #3B82F6;
}

/* Calculator-specific */
[data-theme="light"] .calc-body,
[data-theme="light"] .calculator-body {
    background: #FFFFFF;
}

[data-theme="light"] .input-group label {
    color: #374151;
}

[data-theme="light"] .input-group input,
[data-theme="light"] .input-group select,
[data-theme="light"] input[type="number"],
[data-theme="light"] select {
    background: #F9FAFB;
    border-color: #E5E7EB;
    color: #1F2937;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

[data-theme="light"] .result-card,
[data-theme="light"] .results-panel {
    background: #F9FAFB;
    border-color: #E5E7EB;
}

[data-theme="light"] .result-label {
    color: #6B7280;
}

[data-theme="light"] .result-value {
    color: #1F2937;
}

/* Band / accent sections */
[data-theme="light"] .band,
[data-theme="light"] .accent-section {
    background: #F3F4F6;
    border-color: #E5E7EB;
}

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #F3F4F6;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #D1D5DB;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* CTA buttons in cards */
[data-theme="light"] .card-cta,
[data-theme="light"] .read-more,
[data-theme="light"] .card-link {
    color: #3B82F6;
}

[data-theme="light"] .card-cta:hover,
[data-theme="light"] .read-more:hover,
[data-theme="light"] .card-link:hover {
    color: #2563EB;
}

/* Panels (calculator inputs, etc.) */
[data-theme="light"] .panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .panel-header {
    border-bottom-color: #F3F4F6;
}

[data-theme="light"] .panel-header .ms {
    color: #3B82F6;
}

[data-theme="light"] .panel-header h2 {
    color: #1F2937;
}

/* Field inputs in calculators */
[data-theme="light"] .field-input {
    background: #F9FAFB;
    border-color: #E5E7EB;
    color: #1F2937;
}

[data-theme="light"] .field-input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

[data-theme="light"] .field-label {
    color: #374151;
}

[data-theme="light"] .field-unit {
    color: #9CA3AF;
}

[data-theme="light"] .field-hint {
    color: #9CA3AF;
}

/* Sliders */
[data-theme="light"] .slider {
    background: rgba(59, 130, 246, 0.15);
}

[data-theme="light"] .slider::-webkit-slider-thumb {
    background: #3B82F6;
}

[data-theme="light"] .slider-val {
    color: #3B82F6;
}

/* Chart panel */
[data-theme="light"] .chart-panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .chart-header .ms {
    color: #3B82F6;
}

[data-theme="light"] .chart-header h3 {
    color: #1F2937;
}

[data-theme="light"] .chart-header p {
    color: #9CA3AF;
}

/* Formula panel */
[data-theme="light"] .formula-panel {
    background: #F3F4F6;
    border-color: #E5E7EB;
}

[data-theme="light"] .formula-panel h4 {
    color: #374151;
}

[data-theme="light"] .formula-panel h4 .ms {
    color: #3B82F6;
}

[data-theme="light"] .formula .lhs {
    color: #3B82F6;
}

[data-theme="light"] .formula {
    color: #6B7280;
}

/* Result card overrides */
[data-theme="light"] .result-card.highlight {
    border-color: rgba(59, 130, 246, 0.35);
    background: rgba(59, 130, 246, 0.04);
}

[data-theme="light"] .result-card.success,
[data-theme="light"] .result-card.ok {
    border-color: rgba(34, 197, 94, 0.25);
    background: rgba(34, 197, 94, 0.04);
}

[data-theme="light"] .result-sub {
    color: #9CA3AF;
}

/* Badges & section tags */
[data-theme="light"] .badge,
[data-theme="light"] .section-tag {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.2);
    color: #3B82F6;
}

/* Gradient text */
[data-theme="light"] .grad,
[data-theme="light"] .grad-cyan,
[data-theme="light"] .grad-gold {
    background: linear-gradient(135deg, #3B82F6, #2563EB);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Article grid cards */
[data-theme="light"] .art-card {
    background: #FFFFFF;
    border-color: #E5E7EB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .art-card:hover {
    border-color: rgba(59, 130, 246, 0.4);
}

[data-theme="light"] .art-icon {
    background: rgba(59, 130, 246, 0.06);
}

[data-theme="light"] .art-icon .ms {
    color: #3B82F6;
}

/* Ad row */
[data-theme="light"] .ad-row {
    background: rgba(243, 244, 246, 0.5);
    border-color: #E5E7EB;
}

/* CTA card */
[data-theme="light"] .cta-card {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.06), rgba(99, 102, 241, 0.04));
    border-color: rgba(59, 130, 246, 0.2);
}

[data-theme="light"] .cta-text h3 {
    color: #1F2937;
}

[data-theme="light"] .cta-text p {
    color: #6B7280;
}

/* Toggle buttons in calculators */
[data-theme="light"] .toggle-group {
    border-color: #E5E7EB;
}

[data-theme="light"] .toggle-btn {
    color: #6B7280;
}

[data-theme="light"] .toggle-btn.active {
    background: #3B82F6;
    color: #FFFFFF;
}

[data-theme="light"] .toggle-btn:hover:not(.active) {
    background: rgba(59, 130, 246, 0.06);
    color: #374151;
}

/* Select input */
[data-theme="light"] .select-input {
    background: #F9FAFB;
    border-color: #E5E7EB;
    color: #1F2937;
}

[data-theme="light"] .select-input:focus {
    border-color: #3B82F6;
}

/* EIA panel */
[data-theme="light"] .eia-panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
}

[data-theme="light"] .eia-header h3 {
    color: #1F2937;
}

[data-theme="light"] .eia-header h3 .ms {
    color: #3B82F6;
}

[data-theme="light"] .eia-toggle {
    border-color: #E5E7EB;
}

[data-theme="light"] .eia-btn {
    color: #6B7280;
}

[data-theme="light"] .eia-btn.active {
    background: #3B82F6;
    color: #FFFFFF;
}

[data-theme="light"] .eia-btn:hover:not(.active) {
    background: rgba(59, 130, 246, 0.06);
    color: #374151;
}

[data-theme="light"] .eia-mode-btn {
    border-color: #E5E7EB;
    color: #6B7280;
}

[data-theme="light"] .eia-mode-btn.active {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.3);
    color: #16a34a;
}

[data-theme="light"] .eia-result {
    background: #F9FAFB;
    border-color: #E5E7EB;
}

[data-theme="light"] .eia-result-label {
    color: #9CA3AF;
}

[data-theme="light"] .eia-result-val {
    color: #1F2937;
}

[data-theme="light"] .eia-badge.series {
    background: rgba(59, 130, 246, 0.08);
    color: #3B82F6;
}

/* Circuit diagram overrides */
[data-theme="light"] .circuit-panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
}

[data-theme="light"] .circuit-panel h3 {
    color: #1F2937;
}

[data-theme="light"] .circuit-panel h3 .ms {
    color: #3B82F6;
}

/* Info callout */
[data-theme="light"] .info-callout {
    background: rgba(59, 130, 246, 0.03);
    border-color: rgba(59, 130, 246, 0.12);
    color: #6B7280;
}

[data-theme="light"] .info-callout strong {
    color: #3B82F6;
}

/* Alt background sections */
[data-theme="light"] .alt-bg {
    background: #F3F4F6;
    border-color: #E5E7EB;
}

/* Ctags */
[data-theme="light"] .ctag {
    background: rgba(59, 130, 246, 0.05);
    border-color: rgba(59, 130, 246, 0.12);
    color: #6B7280;
}

[data-theme="light"] .chip {
    background: rgba(59, 130, 246, 0.06);
    border-color: rgba(59, 130, 246, 0.12);
    color: #9CA3AF;
}

/* CTA text in calc cards */
[data-theme="light"] .cta-text-link,
[data-theme="light"] .cta-text {
    color: #3B82F6;
}

/* Flinks (footer links on index pages) */
[data-theme="light"] .flinks a {
    color: #6B7280;
}

[data-theme="light"] .flinks a:hover {
    color: #3B82F6;
}

[data-theme="light"] .flinks span {
    color: #9CA3AF;
}

/* Footer links (article pages) */
[data-theme="light"] .footer-links a {
    color: #6B7280;
}

[data-theme="light"] .footer-links a:hover {
    color: #3B82F6;
}

[data-theme="light"] .footer-links span {
    color: #9CA3AF;
}

/* EIA apply button */
[data-theme="light"] #btn-eia-apply {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.25);
    color: #3B82F6;
}

/* Theme toggle for subpages */
.theme-toggle-btn {
    background: none;
    border: 1px solid var(--border-color, var(--border, rgba(229,231,235,0.8)));
    border-radius: 8px;
    padding: 6px;
    cursor: pointer;
    color: var(--t3, var(--text-300, #C6C6CB));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle-btn:hover {
    color: var(--primary, #3B82F6);
    border-color: var(--primary, #3B82F6);
}

.theme-toggle-btn .material-symbols-outlined {
    font-size: 20px;
}

/* ═══════════════════════════════════════════════════════════
   Calculator Component Overrides (Buck Converter, etc.)
   ═══════════════════════════════════════════════════════════ */

/* Text inputs */
[data-theme="light"] .field-input {
    background: rgba(255, 255, 255, 0.8);
    border-color: #D1D5DB;
    color: #1F2937;
}
[data-theme="light"] .field-input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

/* Select inputs */
[data-theme="light"] .select-input {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #D1D5DB;
    color: #1F2937;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236B7280'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
}
[data-theme="light"] .select-input:focus {
    border-color: #3B82F6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
[data-theme="light"] .select-input option {
    background: #FFFFFF;
    color: #1F2937;
}

/* Toggle buttons */
[data-theme="light"] .toggle-group {
    border-color: #D1D5DB;
}
[data-theme="light"] .toggle-btn {
    color: #6B7280;
}
[data-theme="light"] .toggle-btn.active {
    background: #3B82F6;
    color: #FFFFFF;
}
[data-theme="light"] .toggle-btn:hover:not(.active) {
    background: rgba(59, 130, 246, 0.06);
    color: #1F2937;
}

/* Accordion headers */
[data-theme="light"] .acc-section {
    border-bottom-color: #E5E7EB;
}
[data-theme="light"] .acc-title .ms {
    color: #3B82F6;
}
[data-theme="light"] .acc-header:hover .acc-title {
    color: #3B82F6;
}
[data-theme="light"] .acc-section.open .acc-header .chevron {
    color: #3B82F6;
}

/* Slider track */
[data-theme="light"] .slider {
    background: rgba(59, 130, 246, 0.15);
}
[data-theme="light"] .slider::-webkit-slider-thumb {
    background: #3B82F6;
}
[data-theme="light"] .slider-val {
    color: #3B82F6;
}

/* Result cards */
[data-theme="light"] .result-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: #E5E7EB;
}
[data-theme="light"] .result-card.highlight {
    border-color: rgba(59, 130, 246, 0.4);
    background: rgba(59, 130, 246, 0.04);
}
[data-theme="light"] .result-card.success {
    border-color: rgba(34, 197, 94, 0.3);
    background: rgba(34, 197, 94, 0.04);
}
[data-theme="light"] .result-card.warn {
    border-color: rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.04);
}
[data-theme="light"] .result-card.fail {
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.04);
}
[data-theme="light"] .result-value {
    color: #1F2937;
}
[data-theme="light"] .result-label {
    color: #9CA3AF;
}
[data-theme="light"] .result-sub {
    color: #9CA3AF;
}

/* Chart and formula panels */
[data-theme="light"] .chart-panel {
    background: rgba(255, 255, 255, 0.9);
    border-color: #E5E7EB;
}
[data-theme="light"] .formula-panel {
    background: rgba(243, 244, 246, 0.8);
    border-color: #E5E7EB;
}
[data-theme="light"] .formula .lhs {
    color: #3B82F6;
}
[data-theme="light"] .formula {
    color: #6B7280;
}

/* ═══════════════════════════════════════════════════════════
   EVA Panel (Extreme Value Analysis)
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] .eva-panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .eva-panel h3 {
    color: #1F2937;
}
[data-theme="light"] .eva-panel h3 .ms {
    color: #3B82F6;
}
[data-theme="light"] .eva-stat {
    background: #F9FAFB;
    border-color: #E5E7EB;
}
[data-theme="light"] .eva-stat-val {
    color: #1F2937;
}
[data-theme="light"] .eva-stat.low .eva-stat-val {
    color: #3B82F6;
}
[data-theme="light"] .eva-stat.nom .eva-stat-val {
    color: #16a34a;
}
[data-theme="light"] .eva-stat.high .eva-stat-val {
    color: #dc2626;
}
[data-theme="light"] .eva-stat-label,
[data-theme="light"] .eva-stat-sub {
    color: #9CA3AF;
}
[data-theme="light"] .eva-range-track {
    opacity: 0.25;
}
[data-theme="light"] .eva-range-fill {
    opacity: 0.6;
}
[data-theme="light"] .eva-label-min {
    color: #3B82F6;
}
[data-theme="light"] .eva-label-max {
    color: #dc2626;
}
[data-theme="light"] .eva-spread-card {
    background: #F9FAFB;
    border-color: #E5E7EB;
}
[data-theme="light"] .eva-spread-label {
    color: #9CA3AF;
}
[data-theme="light"] .eva-spread-val {
    color: #d97706;
}
[data-theme="light"] .eva-assumptions {
    background: #F3F4F6;
    border-color: #E5E7EB;
    color: #9CA3AF;
}

/* ═══════════════════════════════════════════════════════════
   Solver Panel (Auto-Optimization)
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] .solver-panel {
    background: #FFFFFF;
    border-color: #E5E7EB;
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .solver-header h3 {
    color: #1F2937;
}
[data-theme="light"] .solver-header h3 .ms {
    color: #3B82F6;
}
[data-theme="light"] .solver-header:hover {
    background: rgba(59, 130, 246, 0.03);
}
[data-theme="light"] .solver-chevron {
    color: #9CA3AF;
}
[data-theme="light"] .solver-body-inner {
    border-top-color: #E5E7EB;
}
[data-theme="light"] .solver-result {
    background: #F9FAFB;
    border-color: #E5E7EB;
}
[data-theme="light"] .solver-result-val {
    color: #1F2937;
}
[data-theme="light"] .solver-result-label {
    color: #9CA3AF;
}
[data-theme="light"] .solver-result-sub {
    color: #9CA3AF;
}
[data-theme="light"] .solver-no-result {
    color: #6B7280;
}

/* Apply / Solve buttons */
[data-theme="light"] .btn-apply {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.25);
    color: #3B82F6;
}
[data-theme="light"] .btn-apply:hover {
    background: rgba(59, 130, 246, 0.14);
    border-color: rgba(59, 130, 246, 0.4);
}
[data-theme="light"] .btn-solve {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.25);
    color: #16a34a;
}
[data-theme="light"] .btn-solve:hover {
    background: rgba(34, 197, 94, 0.14);
    border-color: rgba(34, 197, 94, 0.4);
}

/* Cyan highlight result card (loaded Vout) */
[data-theme="light"] .result-card.cyan-hl {
    border-color: rgba(59, 130, 246, 0.3);
    background: rgba(59, 130, 246, 0.03);
}