/* ============================================================
   Resolytics — themes
   Light theme overrides + logo + theme toggle
   ============================================================ */

:root { color-scheme: dark; }

/* ---------- brand logo ---------- */
.brand-logo { height: 42px; width: auto; display: block; }
.brand-logo-lg { height: 56px; }

/* ---------- theme toggle ---------- */
.theme-toggle {
  width: 42px; height: 42px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
  display: grid; place-items: center;
  color: var(--text);
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}
.theme-toggle:hover { border-color: var(--border-2); transform: translateY(-1px); }
.theme-toggle svg { width: 19px; height: 19px; }
.theme-toggle .icon-sun { display: none; }
[data-theme="light"] .theme-toggle .icon-sun { display: block; }
[data-theme="light"] .theme-toggle .icon-moon { display: none; }

/* ============================================================
   LIGHT THEME
   ============================================================ */
[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f8fc;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-2: #edf2fa;
  --border: rgba(15, 35, 72, 0.12);
  --border-2: rgba(15, 35, 72, 0.3);
  --text: #0d1b31;
  --muted: #51617e;
  --muted-2: #8494ad;
  --grad: linear-gradient(92deg, #2563eb 0%, #0891b2 100%);
  --grad-soft: linear-gradient(92deg, rgba(37, 99, 235, 0.09), rgba(8, 145, 178, 0.09));
  --glow: 0 14px 40px rgba(37, 99, 235, 0.14);
}
[data-theme="light"] .bg-ambient {
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(37, 99, 235, 0.09), transparent 60%),
    radial-gradient(700px 420px at -10% 30%, rgba(8, 145, 178, 0.07), transparent 60%),
    var(--bg);
}
[data-theme="light"] .bg-grid {
  background-image:
    linear-gradient(rgba(15, 35, 72, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 35, 72, 0.045) 1px, transparent 1px);
}
[data-theme="light"] .nav.scrolled { background: rgba(255, 255, 255, 0.85); }
[data-theme="light"] .nav-links { background: rgba(255, 255, 255, 0.97); }
[data-theme="light"] .card { box-shadow: 0 8px 26px rgba(15, 35, 72, 0.05); }
[data-theme="light"] .card:hover { box-shadow: 0 16px 40px rgba(15, 35, 72, 0.1); }
[data-theme="light"] .btn-ghost { background: #fff; }
[data-theme="light"] .btn-primary { box-shadow: 0 8px 24px rgba(37, 99, 235, 0.28); }
[data-theme="light"] .btn-primary:hover { box-shadow: 0 12px 32px rgba(37, 99, 235, 0.4); }
[data-theme="light"] .grad-text {
  background: linear-gradient(92deg, #2563eb, #0e7490);
  -webkit-background-clip: text; background-clip: text;
}
[data-theme="light"] .stat-num,
[data-theme="light"] .case-metric,
[data-theme="light"] .quote-mark {
  background: linear-gradient(92deg, #2563eb, #0e7490);
  -webkit-background-clip: text; background-clip: text;
}
[data-theme="light"] .step-num {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.8), rgba(8, 145, 178, 0.45));
  -webkit-background-clip: text; background-clip: text;
}
[data-theme="light"] .eyebrow { color: #2563eb; }
[data-theme="light"] .eyebrow::before { background: linear-gradient(90deg, #2563eb, #0891b2); }
[data-theme="light"] .logo-word { color: rgba(15, 35, 72, 0.42); }
[data-theme="light"] .float-chip {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 40px rgba(15, 35, 72, 0.14);
}
[data-theme="light"] .hero-frame {
  box-shadow: 0 30px 70px rgba(15, 35, 72, 0.2), 0 10px 30px rgba(37, 99, 235, 0.08);
}
[data-theme="light"] .split-media { box-shadow: 0 24px 60px rgba(15, 35, 72, 0.13); }
[data-theme="light"] .cta-band {
  background:
    radial-gradient(600px 260px at 50% -40%, rgba(37, 99, 235, 0.13), transparent 70%),
    #ffffff;
}
[data-theme="light"] .footer { background: #eef2f8; }
[data-theme="light"] .stat,
[data-theme="light"] .mini-stat,
[data-theme="light"] .table-wrap { background: #fff; }
[data-theme="light"] .section-alt {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.025), transparent 80%);
}
[data-theme="light"] .icon-tile svg,
[data-theme="light"] .feat-list svg,
[data-theme="light"] .check-list .tick svg,
[data-theme="light"] .badge svg,
[data-theme="light"] .footer-certs svg { stroke: #0e7490; }
[data-theme="light"] .card .card-link { color: #2563eb; }
[data-theme="light"] .info-card a:hover { color: #2563eb; }
[data-theme="light"] .outcome-list b { color: #0e7490; }
[data-theme="light"] .chip.hl {
  color: #0e7490;
  border-color: rgba(8, 145, 178, 0.4);
  background: rgba(8, 145, 178, 0.08);
}
[data-theme="light"] .team-role,
[data-theme="light"] .tl-year { color: #2563eb; }
[data-theme="light"] .tl-item::before {
  border-color: #0e7490;
  box-shadow: 0 0 14px rgba(8, 145, 178, 0.35);
}
[data-theme="light"] .timeline::before {
  background: linear-gradient(180deg, #2563eb, #0891b2, transparent);
}
[data-theme="light"] .field input,
[data-theme="light"] .field select,
[data-theme="light"] .field textarea { background: #fff; }
[data-theme="light"] .field input:focus,
[data-theme="light"] .field select:focus,
[data-theme="light"] .field textarea:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}
[data-theme="light"] .industry-visual svg { stroke: rgba(8, 145, 178, 0.7) !important; }
[data-theme="light"] .hero-trust { color: #8494ad; }
[data-theme="light"] .faq-q .plus svg { stroke: #0e7490; }
[data-theme="light"] .faq-item.open { background: #fff; }
[data-theme="light"] .form-success .tick-big {
  background: rgba(8, 145, 178, 0.08);
  border-color: rgba(8, 145, 178, 0.35);
}
[data-theme="light"] .form-success .tick-big svg { stroke: #0e7490; }
[data-theme="light"] .live-dot { background: #10b981; }
[data-theme="light"] .avatar { box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25); }