/* ========================================
   THEME SWITCHER — two buttons
   ======================================== */

.theme-switcher {
    display: flex;
    gap: 0;
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}
.theme-btn {
    padding: 0.35rem 0.85rem;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    letter-spacing: 0.3px;
    color: var(--text-muted);
    transition: all 0.2s;
    white-space: nowrap;
}
.theme-btn:first-child { border-right: 1px solid rgba(255,255,255,0.18); }
.theme-btn:hover { color: var(--accent); background: rgba(0,212,170,0.08); }
.theme-btn.active { background: var(--accent); color: #0A1628; }

[data-theme="light"] .theme-switcher { border-color: rgba(0,60,140,0.2); background: rgba(255,255,255,0.55); }
[data-theme="light"] .theme-btn:first-child { border-right-color: rgba(0,60,140,0.15); }
[data-theme="light"] .theme-btn { color: #2a4a70; }
[data-theme="light"] .theme-btn:hover { color: var(--accent); background: rgba(0,168,130,0.1); }
[data-theme="light"] .theme-btn.active { background: var(--accent); color: #fff; }

/* Smooth theme transitions */
body, nav, section, footer, .problem-card, .feature-card, .partner-card,
.audience-card, .stage-card, .office-card, .investor-form,
.form-group input, .form-group select, .form-group textarea,
.btn-secondary, .product-strip-card, .modality-card {
    transition: background 0.35s ease, border-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}

/* ========================================
   LIGHT THEME
   ======================================== */

[data-theme="light"] {
    --primary: #D6E8FF;
    --secondary: #C2D9FF;
    --accent: #00A882;
    --accent-light: #00C49A;
    --accent-blue: #1D6FD8;
    --accent-purple: #6D28D9;
    --text: #07182E;
    --text-muted: #3A5270;
    --gradient-1: linear-gradient(135deg, #00A882 0%, #1D6FD8 50%, #6D28D9 100%);
    --gradient-2: linear-gradient(180deg, #C2D9FF 0%, #D6E8FF 100%);
    --glow: 0 0 60px rgba(0,168,130,0.18);
}

[data-theme="light"] body { background: var(--primary); }

/* Nav */
[data-theme="light"] nav {
    background: rgba(200,222,255,0.88) !important;
    border-bottom: 1px solid rgba(0,60,140,0.12);
}
[data-theme="light"] .nav-links a { color: #3A5070; }
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .nav-links a.active { color: var(--accent); }
[data-theme="light"] .dropdown-toggle { color: #3A5070; }
[data-theme="light"] .dropdown-menu {
    background: rgba(255,255,255,0.97);
    border-color: rgba(0,0,0,0.1);
    box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}
[data-theme="light"] .dropdown-menu a { color: #3A5070; }
[data-theme="light"] .dropdown-menu a:hover,
[data-theme="light"] .dropdown-menu .active { background: rgba(0,168,130,0.08); color: var(--accent); }
[data-theme="light"] .theme-toggle {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.12);
    color: #4E6080;
}
[data-theme="light"] .theme-toggle:hover { border-color: var(--accent); background: rgba(0,168,130,0.08); }

/* Hero */
[data-theme="light"] .hero-bg {
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0,168,130,0.12) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 80% 60%, rgba(109,40,217,0.07) 0%, transparent 50%),
        radial-gradient(ellipse 50% 30% at 20% 80%, rgba(29,111,216,0.07) 0%, transparent 50%);
}
[data-theme="light"] .hero-grid {
    background-image:
        linear-gradient(rgba(0,168,130,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,168,130,0.05) 1px, transparent 1px);
}
[data-theme="light"] .hero-badge {
    background: rgba(0,168,130,0.1);
    border-color: rgba(0,168,130,0.3);
    color: var(--accent);
}
[data-theme="light"] .hero-badge::before { background: var(--accent); }
[data-theme="light"] .hero-badge.purple {
    background: rgba(109,40,217,0.1);
    border-color: rgba(109,40,217,0.3);
    color: var(--accent-purple);
}

/* Stats */
[data-theme="light"] .stats {
    background: rgba(255,255,255,0.65) !important;
    border-bottom-color: rgba(0,0,0,0.07);
    backdrop-filter: blur(8px);
}

/* Section label */
[data-theme="light"] .section-label {
    background: rgba(0,168,130,0.1);
    color: var(--accent);
}

/* All cards */
[data-theme="light"] .problem-card,
[data-theme="light"] .feature-card,
[data-theme="light"] .audience-card,
[data-theme="light"] .stage-card,
[data-theme="light"] .office-card,
[data-theme="light"] .team-card,
[data-theme="light"] .value-card,
[data-theme="light"] .job-card,
[data-theme="light"] .modality-card,
[data-theme="light"] .science-card,
[data-theme="light"] .b2b-card,
[data-theme="light"] .approach-card,
[data-theme="light"] .process-step,
[data-theme="light"] .tech-item,
[data-theme="light"] .partner-card,
[data-theme="light"] .product-strip-card,
[data-theme="light"] .partnership-card,
[data-theme="light"] .coming-soon-card {
    background: rgba(255,255,255,0.78) !important;
    border-color: rgba(0,60,140,0.1) !important;
    box-shadow: 0 2px 20px rgba(0,40,120,0.08);
}
[data-theme="light"] .feature-card:hover,
[data-theme="light"] .audience-card:hover,
[data-theme="light"] .partner-card:hover,
[data-theme="light"] .product-strip-card:hover {
    border-color: rgba(0,168,130,0.3) !important;
    box-shadow: 0 8px 32px rgba(0,168,130,0.12);
}

/* Pipeline table */
[data-theme="light"] table.pipeline-tbl thead tr { border-bottom-color: rgba(0,168,130,0.25); }
[data-theme="light"] table.pipeline-tbl td { border-bottom-color: rgba(0,0,0,0.06); }
[data-theme="light"] table.pipeline-tbl tr:hover td { background: rgba(0,168,130,0.04); }
[data-theme="light"] .tbl-area,
[data-theme="light"] .tbl-program { color: var(--text); }

/* Badges */
[data-theme="light"] .privacy-badge {
    background: rgba(0,168,130,0.08);
    border-color: rgba(0,168,130,0.25);
}
[data-theme="light"] .odd-callout {
    background: rgba(0,168,130,0.05);
    border-color: rgba(0,168,130,0.2);
}
[data-theme="light"] .badge-sm { background: rgba(0,168,130,0.1); border-color: rgba(0,168,130,0.25); }
[data-theme="light"] .badge-rnai { background: rgba(109,40,217,0.1); border-color: rgba(109,40,217,0.25); }
[data-theme="light"] .badge-stage { background: rgba(29,111,216,0.1); border-color: rgba(29,111,216,0.25); }
[data-theme="light"] .badge-odd { background: rgba(0,168,130,0.07); border-color: rgba(0,168,130,0.18); }

/* Stage bar */
[data-theme="light"] .stage-pip { background: rgba(0,0,0,0.1); }
[data-theme="light"] .stage-pip.active { background: var(--accent); }
[data-theme="light"] .stage-pip.active-purple { background: var(--accent-purple); }

/* Investor form */
[data-theme="light"] .investor-form {
    background: rgba(255,255,255,0.92) !important;
    border-color: rgba(0,0,0,0.1) !important;
    box-shadow: 0 4px 32px rgba(0,0,0,0.08);
}
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
    background: rgba(255,255,255,0.9);
    border-color: rgba(0,0,0,0.15);
    color: var(--text);
}
[data-theme="light"] .form-group select option { background: #fff; color: var(--text); }
[data-theme="light"] .form-group label { color: #4E6080; }

/* Buttons */
[data-theme="light"] .btn-secondary {
    border-color: rgba(0,0,0,0.22);
    color: var(--text);
}
[data-theme="light"] .btn-secondary:hover { border-color: var(--accent); color: var(--accent); }
[data-theme="light"] .lang-btn {
    border-color: rgba(0,0,0,0.18);
    background: rgba(0,0,0,0.04);
    color: var(--text-muted);
}
[data-theme="light"] .lang-btn.active { background: var(--accent); color: #fff; border-color: var(--accent); }
[data-theme="light"] .lang-btn:hover { border-color: var(--accent); color: var(--accent); }

/* Section backgrounds — let the blue canvas show through */
[data-theme="light"] .how-it-works,
[data-theme="light"] .pipeline,
[data-theme="light"] .technology,
[data-theme="light"] .audience,
[data-theme="light"] .modalities,
[data-theme="light"] .rare-disease,
[data-theme="light"] .partners,
[data-theme="light"] .why,
[data-theme="light"] .products-strip,
[data-theme="light"] .pharma-logos { background: rgba(214,232,255,0.55) !important; }
[data-theme="light"] .stats { background: rgba(194,217,255,0.75) !important; backdrop-filter: blur(8px); }
[data-theme="light"] .cta { background: linear-gradient(180deg, #BDD5FF 0%, #D6E8FF 100%); }

/* Molecule card */
[data-theme="light"] .molecule-card {
    background: rgba(255,255,255,0.9) !important;
    border-color: rgba(109,40,217,0.2) !important;
    box-shadow: 0 0 40px rgba(109,40,217,0.08);
}

/* Tech list */
[data-theme="light"] .tech-item { background: rgba(255,255,255,0.8) !important; }

/* Pullquote */
[data-theme="light"] .pullquote {
    background: rgba(255,255,255,0.65);
    border-left-color: var(--accent);
    color: var(--text);
}

/* Stats bar in light */
[data-theme="light"] .stats {
    background: rgba(194,217,255,0.82) !important;
    border-bottom: 1px solid rgba(0,60,140,0.1);
}

/* Banners */
[data-theme="light"] .back-banner {
    background: rgba(0,168,130,0.06);
    border-bottom-color: rgba(0,168,130,0.15);
}
[data-theme="light"] .insivio-banner {
    background: linear-gradient(135deg, rgba(255,255,255,0.85), rgba(235,241,255,0.85));
    border-top-color: rgba(0,168,130,0.15);
}

/* Video */
[data-theme="light"] .video-wrapper {
    border-color: rgba(0,168,130,0.22);
    box-shadow: 0 0 40px rgba(0,168,130,0.1), 0 20px 60px rgba(0,0,0,0.1);
}

/* Privacy section */
[data-theme="light"] .privacy-section { background: rgba(240,248,255,0.5); }

/* Social */
[data-theme="light"] .social-links a { background: rgba(255,255,255,0.15); color: #8FA3B8; }
[data-theme="light"] .social-links a:hover { background: var(--accent); color: #fff; }

/* Office cards */
[data-theme="light"] .office-card a { color: var(--accent); }

/* About page */
[data-theme="light"] .about-hero::before {
    background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(0,168,130,0.1) 0%, transparent 60%);
}

/* Footer stays dark for contrast — force all text to light */
[data-theme="light"] footer { background: rgba(10,22,40,0.97) !important; }
[data-theme="light"] .footer-brand p,
[data-theme="light"] .footer-links a,
[data-theme="light"] .footer-bottom p,
[data-theme="light"] .footer-disclaimer { color: rgba(255,255,255,0.65) !important; }
[data-theme="light"] .footer-links h4 { color: rgba(255,255,255,0.45) !important; }
[data-theme="light"] .footer-links a:hover { color: #00C49A !important; }
[data-theme="light"] footer .social-links a { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.55); }
[data-theme="light"] footer .social-links a:hover { background: var(--accent); color: #fff; }