/* ============================================================
   LIGHT THEME
   Activated via <html data-theme="light"> (set from the visitor's
   system preference or the theme toggle). Dark remains the default.
   ============================================================ */

:root[data-theme="light"] {
  color-scheme: light;
  --bg-deep: #f4f7fc;
  --bg-card: #ffffff;
  --bg-card-solid: #ffffff;
  --bg-section-alt: #eaf0f9;

  --cyan: #0e7490;
  --violet: #7c3aed;
  --lightblue: #1d4ed8;
  --pink: #db2777;
  --green: #047857;
  --orange: #c2410c;

  --text-primary: #0b1437;
  --text-body: #39465f;
  --text-bright: #1b2540;
  --text-muted: #5b6b85;

  --border: rgba(20, 40, 90, 0.12);
  --border-hover: rgba(20, 40, 90, 0.26);
  --glow-cyan: 0 0 0 transparent;
  --glow-violet: 0 0 0 transparent;
  --glow-blue: 0 0 0 transparent;
  --shadow-card: 0 2px 14px rgba(15, 30, 70, 0.07);
  --shadow-card-hover: 0 10px 30px rgba(15, 30, 70, 0.12);

  --primary: #0e7490;
  --primary-light: #1d4ed8;
  --secondary: #7c3aed;
  --dark: #f4f7fc;
  --light: #ffffff;
  --white: #ffffff;
  --text: #39465f;
  --text-light: #5b6b85;
  --shadow-sm: 0 1px 6px rgba(15, 30, 70, 0.08);
  --shadow-md: 0 4px 16px rgba(15, 30, 70, 0.10);
  --shadow-lg: 0 8px 28px rgba(15, 30, 70, 0.12);
  --glass: rgba(255, 255, 255, 0.88);
}

/* --- header / navigation --- */
[data-theme="light"] .header { background: rgba(255, 255, 255, 0.88); border-bottom-color: var(--border); }
[data-theme="light"] .header.scrolled { background: rgba(255, 255, 255, 0.97); box-shadow: 0 2px 16px rgba(15, 30, 70, 0.08); }
[data-theme="light"] .logo,
[data-theme="light"] .mobile-menu-btn { color: var(--text-primary); }
[data-theme="light"] .hs-drop ul { box-shadow: 0 12px 30px rgba(15, 30, 70, 0.14); }
[data-theme="light"] .hs-drop ul a:hover,
[data-theme="light"] .hs-drop ul a[aria-current="page"] { background: rgba(14, 116, 144, 0.08); }

/* --- hero & page headers --- */
[data-theme="light"] .hero,
[data-theme="light"] .page-header,
[data-theme="light"] .hs-hero { background: linear-gradient(180deg, #e3ecfa 0%, rgba(244, 247, 252, 0) 100%); }
[data-theme="light"] .hero h1,
[data-theme="light"] .page-header h1,
[data-theme="light"] .hs-hero h1 {
  background: linear-gradient(135deg, #0b1437 35%, var(--cyan) 75%);
  -webkit-background-clip: text; background-clip: text;
}
[data-theme="light"] .ambient::before { background: radial-gradient(circle, rgba(14, 116, 144, 0.07) 0%, transparent 70%); }
[data-theme="light"] .ambient::after { background: radial-gradient(circle, rgba(124, 58, 237, 0.06) 0%, transparent 70%); }

/* --- buttons --- */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-primary:hover { color: #ffffff; box-shadow: 0 4px 16px rgba(14, 116, 144, 0.25); }

/* --- sections --- */
[data-theme="light"] .iq-services-section,
[data-theme="light"] .hs-final { background: linear-gradient(180deg, transparent 0%, #eaf0f9 100%); }
[data-theme="light"] .cta-section { background: linear-gradient(180deg, transparent 0%, #e3ecfa 100%); }

/* --- coloured trust cards (dark gradients use !important in style.css) --- */
[data-theme="light"] .tg-card { box-shadow: var(--shadow-card) !important; }
[data-theme="light"] .tg-card.tg-gold    { background: linear-gradient(135deg, #fff7e6 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card.tg-skyblue { background: linear-gradient(135deg, #e8f4fd 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card.tg-purple  { background: linear-gradient(135deg, #f3edff 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card.tg-cyan    { background: linear-gradient(135deg, #e6f6f9 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card.tg-emerald { background: linear-gradient(135deg, #e7f7f0 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card.tg-indigo  { background: linear-gradient(135deg, #eceefe 0%, #ffffff 100%) !important; }
[data-theme="light"] .tg-card:hover { box-shadow: var(--shadow-card-hover) !important; }

/* --- technology page layer diagram --- */
[data-theme="light"] .hs-layer,
[data-theme="light"] .hs-block-card { background: #ffffff !important; }
[data-theme="light"] .hs-layer-name { background: rgba(14, 116, 144, 0.06); }
[data-theme="light"] .hs-graphic-wrap { background: #ffffff; box-shadow: var(--shadow-card); }
[data-theme="light"] .hs-isometric-svg { filter: drop-shadow(0 8px 20px rgba(15, 30, 70, 0.12)); }

/* --- forms --- */
[data-theme="light"] .form-control,
[data-theme="light"] .pf-field input,
[data-theme="light"] .pf-field select,
[data-theme="light"] .pf-field textarea { background: #ffffff; }
[data-theme="light"] .pf-form-status.is-ok { color: #065f46; background: #ecfdf5; }
[data-theme="light"] .pf-form-status.is-error { color: #991b1b; background: #fef2f2; }
[data-theme="light"] .pf-preview-badge { color: #92400e; border-color: rgba(180, 83, 9, 0.4); background: #fffbeb; }

/* --- footer --- */
[data-theme="light"] .footer { background: #e9eef7; }
[data-theme="light"] .footer-brand h2,
[data-theme="light"] .footer-links h3,
[data-theme="light"] .footer-badges-label,
[data-theme="light"] .name-origin-content a:hover { color: var(--text-primary); }

/* --- images with heavy dark drop shadows --- */
[data-theme="light"] img[style*="drop-shadow"] { filter: drop-shadow(0 8px 20px rgba(15, 30, 70, 0.15)) !important; }
[data-theme="light"] video { filter: none !important; }

/* ============================================================
   THEME TOGGLE (footer, both themes) – deliberately subtle
   ============================================================ */
.footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 1.5rem; }
.theme-toggle {
  display: inline-flex; align-items: center; gap: 6px;
  background: none; border: 0; padding: 4px 2px; cursor: pointer;
  font: inherit; font-size: 0.8rem; color: var(--text-muted);
  transition: color .2s ease;
}
.theme-toggle:hover { color: var(--cyan); }
.theme-toggle:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 4px; }
.theme-toggle i { font-size: 0.8rem; }
.theme-toggle .fa-sun { display: inline-block; }
.theme-toggle .fa-moon { display: none; }
[data-theme="light"] .theme-toggle .fa-sun { display: none; }
[data-theme="light"] .theme-toggle .fa-moon { display: inline-block; }

/* --- company page quotes --- */
[data-theme="light"] .name-origin-content blockquote { background: #eef3fb; color: var(--text-bright); }