/* =====================================================================
   Light mode — <html data-theme="light">
   Tokens flip; parts that sit on photos/video (hero, solution cards,
   industry tiles, offer images) stay dark so their white text reads.
   ===================================================================== */
[data-theme="light"] {
  color-scheme: light;
  --bg: #FFFFFF;
  --bg-2: #F5F7FB;
  --surface: #FFFFFF;
  --surface-2: #F1F4F9;
  --line: rgba(15, 23, 42, .09);
  --line-2: rgba(15, 23, 42, .16);
  --text: #0F172A;
  --muted: #4B5870;
  --dim: #7A869B;
  --accent: #1F6FEB;
  --accent-strong: #1F6FEB;
  --accent-soft: rgba(31, 111, 235, .09);
  --shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 12px 30px -18px rgba(15, 23, 42, .22);
  --shadow-lg: 0 2px 4px rgba(15, 23, 42, .06), 0 28px 60px -30px rgba(15, 23, 42, .35);
  --glow: 0 10px 24px -12px rgba(31, 111, 235, .55);
}

/* chrome */
[data-theme="light"] .topbar { background: #F1F4F9; }
[data-theme="light"] .site-header { background: rgba(255, 255, 255, .82); }
[data-theme="light"] .site-header.scrolled, [data-theme="light"] .site-header.mega-open { background: rgba(255, 255, 255, .96); box-shadow: 0 10px 30px -22px rgba(15, 23, 42, .4); }
[data-theme="light"] .main-nav a:hover { background: rgba(15, 23, 42, .04); }
[data-theme="light"] .main-nav a.active { color: var(--text); }
[data-theme="light"] .lang { background: #F1F4F9; }
[data-theme="light"] .lang button[aria-pressed="true"] { background: #fff; color: var(--text); box-shadow: 0 1px 3px rgba(15, 23, 42, .15); }
@media (max-width: 980px) { [data-theme="light"] .main-nav { background: #fff; } }
[data-theme="light"] .mega { background: #fff; box-shadow: 0 40px 80px -40px rgba(15, 23, 42, .35); }
[data-theme="light"] .mega-tab:hover, [data-theme="light"] .mega-tab.on { color: var(--text); }
[data-theme="light"] .mega-tab em, [data-theme="light"] .tabs em { background: rgba(15, 23, 42, .06); }
[data-theme="light"] .mega-links a:hover, [data-theme="light"] .mega-item:hover { background: rgba(15, 23, 42, .04); }
[data-theme="light"] .mega-links a.mega-brandlink, [data-theme="light"] .main-nav a.mm-brand { border: 1px solid var(--line); }
[data-theme="light"] .main-nav .mm-list a { background: #F5F7FB; }
[data-theme="light"] .cat-ph { border: 1px solid var(--line); }

/* the hero stays a dark photo/video stage */
[data-theme="light"] .hero { color: #EAF0F7; }
[data-theme="light"] .hero .btn-glass { color: #fff; }

/* sections & cards */
[data-theme="light"] .partners { background: #fff; }
[data-theme="light"] .section-alt { background: #F5F7FB; }
[data-theme="light"] .tabs button[aria-selected="true"] { color: #fff; }
[data-theme="light"] .p-card { background: #fff; }
[data-theme="light"] .p-specs { color: var(--muted); }
[data-theme="light"] .badge { background: #F5F7FB; }
[data-theme="light"] .badge-raas { color: var(--accent); }
[data-theme="light"] .spec-list li { color: var(--muted); }
[data-theme="light"] .spec-list li:nth-child(even) { background: #F8FAFC; }
[data-theme="light"] .modal-x { background: rgba(255, 255, 255, .9); }
[data-theme="light"] .checks li, [data-theme="light"] .vision p, [data-theme="light"] .cmp-row span { color: #334155; }
[data-theme="light"] .cmp-row span:nth-child(2) { color: var(--text); }
[data-theme="light"] .ceo-copy blockquote { color: var(--text); }
[data-theme="light"] .vision { background: #F5F7FB; }
[data-theme="light"] .plan-featured { background: linear-gradient(180deg, rgba(31, 111, 235, .07), rgba(31, 111, 235, 0) 45%), #fff; }
[data-theme="light"] .field select option { background: #fff; }
[data-theme="light"] .seg-options input:checked + span { color: var(--accent); }
[data-theme="light"] .why .ic.ic3d, [data-theme="light"] .ci { background: #F5F7FB; }
[data-theme="light"] .to-top { color: var(--text); background: rgba(255, 255, 255, .92); }
[data-theme="light"] .copy-btn:hover { color: var(--accent); }
[data-theme="light"] .addr-link { text-decoration-color: rgba(15, 23, 42, .25); }

/* footer */
[data-theme="light"] .footer { background: #F1F4F9; }
[data-theme="light"] .footer-col a:hover { color: var(--accent); }

/* brand & product pages */
[data-theme="light"] .crumbs a:hover, [data-theme="light"] .kb-tabs a:hover, [data-theme="light"] .kb-cat-head a:hover { color: var(--accent); }
[data-theme="light"] .kb-tabs { background: rgba(255, 255, 255, .92); }
[data-theme="light"] .kb-logo { border: 1px solid var(--line); }
[data-theme="light"] .pp-stats strong, [data-theme="light"] .pp-compare thead th { color: var(--text); }
[data-theme="light"] .pp-cards .media { background: #F1F4F9; }
[data-theme="light"] .pd-chip { color: var(--accent); }
[data-theme="light"] .pp-cta-card { background: radial-gradient(600px 300px at 0% 0%, rgba(31, 111, 235, .16), transparent 70%), linear-gradient(135deg, #EEF4FF, #F8FAFF); }

/* theme toggle button */
.theme-btn { width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--line); background: rgba(255, 255, 255, .04); color: var(--text); font-size: 19px; cursor: pointer; transition: border-color .2s, background .2s; }
.theme-btn:hover { border-color: var(--accent); }
[data-theme="light"] .theme-btn { background: #F1F4F9; }
[data-theme="light"] .theme-btn i { color: #4B5870; }
.theme-btn i { color: #FACC15; }

[data-theme="light"] .site-header { background: #fff; }
[data-theme="light"] .lang button, [data-theme="light"] .lang button * { color: #4B5870 !important; }
[data-theme="light"] .lang button[aria-pressed="true"], [data-theme="light"] .lang button[aria-pressed="true"] * { color: #0F172A !important; }