/*
 * ═══════════════════════════════════════════════════════
 *  LIGHT MODE — GLOBAL UNIFORM OVERRIDES
 *  Single source of truth for the entire project.
 *  Design tokens:
 *    bg-page   : #f5f5f5
 *    bg-surface: #ffffff
 *    bg-alt    : #f0f0f0
 *    border    : rgba(0,0,0,0.09)
 *    border-hi : rgba(255,107,0,0.22)
 *    text-hi   : #111111
 *    text-body : rgba(17,17,17,0.70)
 *    text-muted: rgba(17,17,17,0.45)
 *    shadow-md : 0 4px 16px rgba(0,0,0,0.09), 0 1px 4px rgba(0,0,0,0.05)
 *    shadow-lg : 0 8px 28px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)
 * ═══════════════════════════════════════════════════════
 */

/* ── CSS custom properties for light mode ── */
html[data-theme="light"] {
  --lm-bg: #f5f5f5;
  --lm-surface: #ffffff;
  --lm-alt: #f0f0f0;
  --lm-border: rgba(0, 0, 0, 0.09);
  --lm-border-o: rgba(255, 107, 0, 0.22);
  --lm-hi: #111111;
  --lm-body: rgba(17, 17, 17, 0.7);
  --lm-muted: rgba(17, 17, 17, 0.45);
  --lm-shadow: 0 4px 16px rgba(0, 0, 0, 0.09), 0 1px 4px rgba(0, 0, 0, 0.05);
  --lm-shadow-h: 0 8px 28px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════
   BODY & PAGE BASE
═══════════════════════════════════════ */
html[data-theme="light"] body {
  background: var(--lm-bg) !important;
  color: var(--lm-hi) !important;
}
html[data-theme="light"] #page {
  background: var(--lm-bg) !important;
  box-shadow: 0 -60px 80px 40px var(--lm-bg) !important;
}

/* ═══════════════════════════════════════
   UNIVERSAL CARD / BOX SHADOW RESET
   Every card gets the same shadow — no exceptions
═══════════════════════════════════════ */
html[data-theme="light"] .stat-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .skill-card,
html[data-theme="light"] .skill-tech-card,
html[data-theme="light"] .other-card,
html[data-theme="light"] .detail-card,
html[data-theme="light"] .sc-inner,
html[data-theme="light"] .blog-card,
html[data-theme="light"] .hero-stat-card,
html[data-theme="light"] .bsh-right,
html[data-theme="light"] .bsh-stat,
html[data-theme="light"] .stat-box,
html[data-theme="light"] .company-card,
html[data-theme="light"] .emerging-card,
html[data-theme="light"] .outlook-card,
html[data-theme="light"] .related-card,
html[data-theme="light"] .share-panel,
html[data-theme="light"] .newsletter-cta,
html[data-theme="light"] .author-bio,
html[data-theme="light"] .value-card,
html[data-theme="light"] .benefit-card,
html[data-theme="light"] .job-card,
html[data-theme="light"] .talent-card,
html[data-theme="light"] .info-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .branch-card,
html[data-theme="light"] .offices-intro,
html[data-theme="light"] .faq-stat-card,
html[data-theme="light"] .faq-bottom-cta,
html[data-theme="light"] .card,
html[data-theme="light"] .hero-float-card,
html[data-theme="light"] .work-content,
html[data-theme="light"] .bubble,
html[data-theme="light"] .arch-diagram,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .thinking-card,
html[data-theme="light"] .thinking-principles,
html[data-theme="light"] .principle-item,
html[data-theme="light"] .tech-chip,
html[data-theme="light"] .badge,
html[data-theme="light"] .outcome-badge,
html[data-theme="light"] .arch-layer,
html[data-theme="light"] .integration-card,
html[data-theme="light"] .integration-node,
html[data-theme="light"] .step-card,
html[data-theme="light"] .handover-card,
html[data-theme="light"] .result-card,
html[data-theme="light"] .achievement-card,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .comparison-side,
html[data-theme="light"] .timeline-item html[data-theme="light"] .arch-node,
html[data-theme="light"] .arch-node-wide,
html[data-theme="light"] .problem-quote,
html[data-theme="light"] .mpill,
html[data-theme="light"] .tl-content,
html[data-theme="light"] .tl-exp-metrics,
html[data-theme="light"] .terminal,
html[data-theme="light"] .hbadge,
html[data-theme="light"] .m-float-badge,
html[data-theme="light"] .m-img-wrap,
html[data-theme="light"] .cbox,
html[data-theme="light"] .detail-image-frame,
/* html[data-theme="light"] .t-card, */
html[data-theme="light"] .newsletter-container,
html[data-theme="light"] .work-content {
  box-shadow: var(--lm-shadow) !important;
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}

/* Uniform hover shadow — same across all cards */
html[data-theme="light"] .stat-card:hover,
html[data-theme="light"] .feature-card:hover,
html[data-theme="light"] .skill-card:hover,
html[data-theme="light"] .skill-tech-card:hover,
html[data-theme="light"] .other-card:hover,
html[data-theme="light"] .detail-card:hover,
html[data-theme="light"] .sc-inner:hover,
html[data-theme="light"] .blog-card:hover,
html[data-theme="light"] .hero-stat-card:hover,
html[data-theme="light"] .stat-box:hover,
html[data-theme="light"] .company-card:hover,
html[data-theme="light"] .emerging-card:hover,
html[data-theme="light"] .outlook-card:hover,
html[data-theme="light"] .related-card:hover,
html[data-theme="light"] .value-card:hover,
html[data-theme="light"] .benefit-card:hover,
html[data-theme="light"] .job-card:hover,
html[data-theme="light"] .talent-card:hover,
html[data-theme="light"] .info-card:hover,
html[data-theme="light"] .form-card:hover,
html[data-theme="light"] .branch-card:hover,
html[data-theme="light"] .faq-stat-card:hover,
html[data-theme="light"] .card:hover,
html[data-theme="light"] .hero-float-card:hover,
html[data-theme="light"] .bubble:hover,
html[data-theme="light"] .arch-diagram:hover,
html[data-theme="light"] .metric-card:hover,
html[data-theme="light"] .thinking-card:hover,
html[data-theme="light"] .principle-item:hover,
html[data-theme="light"] .tech-chip:hover,
html[data-theme="light"] .arch-layer:hover,
html[data-theme="light"] .integration-card:hover,
html[data-theme="light"] .step-card:hover,
html[data-theme="light"] .handover-card:hover,
html[data-theme="light"] .result-card:hover,
html[data-theme="light"] .achievement-card:hover,
html[data-theme="light"] .testimonial-card:hover,
html[data-theme="light"] .comparison-side:hover,
html[data-theme="light"] .arch-node:hover,
html[data-theme="light"] .arch-node-wide:hover,
html[data-theme="light"] .tl-content:hover,
html[data-theme="light"] .cbox:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}

/* Gallery cards — no shadow */
html[data-theme="light"] .g-card,
html[data-theme="light"] .g-card:hover {
  box-shadow: none !important;
}

/* ═══════════════════════════════════════
   SECTION BACKGROUNDS — ALL PAGES
   Alternating white / light-grey rhythm
═══════════════════════════════════════ */
html[data-theme="light"] .gallery-sec,
html[data-theme="light"] .cta-strip,
html[data-theme="light"] .flow-section,
html[data-theme="light"] .t-section,
html[data-theme="light"] .newsletter-section,
html[data-theme="light"] .blog-section,
html[data-theme="light"] .faq-bottom-cta-wrap,
html[data-theme="light"] .careers-hero-bg,
html[data-theme="light"] .blog-section-header,
html[data-theme="light"] .page-body,
html[data-theme="light"] .sidebar {
  background: var(--lm-alt) !important;
}

html[data-theme="light"] .mission-sec,
html[data-theme="light"] .delivery-sec,
html[data-theme="light"] .stats-sec,
html[data-theme="light"] .story-sec,
html[data-theme="light"] .features-section,
html[data-theme="light"] .other-section,
html[data-theme="light"] .skills-section,
html[data-theme="light"] .section,
html[data-theme="light"] .detail-section,
/* html[data-theme="light"] .faq-section, */
html[data-theme="light"] .work-section,
/* html[data-theme="light"] .contact-hero, */
html[data-theme="light"] .careers-hero,
html[data-theme="light"] .careers-section,
html[data-theme="light"] .cta-band,
html[data-theme="light"] .architecture-section,
html[data-theme="light"] .thinking-section,
html[data-theme="light"] .problem-section {
  background: var(--lm-surface) !important;
}

/* FAQ page body::before/after fixed gradients */
html[data-theme="light"] body::before,
html[data-theme="light"] body::after {
  display: none !important;
}

/* CTA band decorations */
html[data-theme="light"] .cta-band::before,
html[data-theme="light"] .cta-noise,
html[data-theme="light"] .cta-glow {
  display: none !important;
}

/* Section grid textures */
html[data-theme="light"] .faq-section::before {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px) !important;
}
html[data-theme="light"] .faq-section::after {
  background: radial-gradient(
    ellipse at 50% 10%,
    rgba(255, 107, 0, 0.04) 0%,
    transparent 68%
  ) !important;
}

/* ═══════════════════════════════════════
   TYPOGRAPHY — ALL PAGES
═══════════════════════════════════════ */
html[data-theme="light"] h1,
html[data-theme="light"] h2,
/* html[data-theme="light"] h3, */
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
  color: var(--lm-hi) !important;
}

/* Gradient text spans — keep orange gradient, override white parts */
html[data-theme="light"] .stats-headline h2 .highlight,
html[data-theme="light"] .what-we-do-header h2 .highlight,
html[data-theme="light"] .faq-header h2 .highlight,
html[data-theme="light"] .work-content h2 .highlight,
html[data-theme="light"] .blog-header h2 .highlight,
html[data-theme="light"] .t-title span,
html[data-theme="light"] .section-title span,
html[data-theme="light"] .careers-section-title span,
html[data-theme="light"] .cta-title span {
  background: linear-gradient(
    115deg,
    #ff6b00 0%,
    rgba(255, 107, 0, 0.75) 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html[data-theme="light"] p,
html[data-theme="light"] .stats-desc,
html[data-theme="light"] .stat-text,
html[data-theme="light"] .section-sub,
html[data-theme="light"] .faq-header p,
html[data-theme="light"] .what-we-do-header p,
html[data-theme="light"] .blog-header p,
html[data-theme="light"] .work-content p,
html[data-theme="light"] .careers-hero-desc,
html[data-theme="light"] .cta-band-sub,
html[data-theme="light"] .cta-body,
html[data-theme="light"] .sd-hero-desc,
html[data-theme="light"] .hero-desc,
html[data-theme="light"] .detail-description,
html[data-theme="light"] .fc-desc,
html[data-theme="light"] .sc-desc,
html[data-theme="light"] .oc-desc,
html[data-theme="light"] .skill-card-desc,
html[data-theme="light"] .skill-tech-item-tags,
html[data-theme="light"] .stat-desc,
html[data-theme="light"] .stat-lbl,
html[data-theme="light"] .detail-card-desc,
html[data-theme="light"] .card-hover-desc,
html[data-theme="light"] .branch-body p,
html[data-theme="light"] .info-body,
html[data-theme="light"] .author-role,
html[data-theme="light"] blockquote {
  color: var(--lm-body) !important;
}

html[data-theme="light"] .stat-source,
html[data-theme="light"] .stat-lbl,
html[data-theme="light"] .text-muted,
html[data-theme="light"] .hero-meta-key,
html[data-theme="light"] .detail-card-label,
html[data-theme="light"] .sc-week,
html[data-theme="light"] .hint-text,
html[data-theme="light"] .t-counter-total,
html[data-theme="light"] .sdesc,
html[data-theme="light"] .card-hover-yrs,
html[data-theme="light"] .oc-arrow {
  color: var(--lm-muted) !important;
}

/* ═══════════════════════════════════════
   BORDERS — ALL PAGES
   Consistent visible but subtle borders
═══════════════════════════════════════ */
html[data-theme="light"] .detail-grid,
html[data-theme="light"] .stats-grid,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .faq-item:first-child,
html[data-theme="light"] .skills-tabs-nav,
html[data-theme="light"] .skill-tech-divider,
html[data-theme="light"] .card-footer,
html[data-theme="light"] .stepper-line,
html[data-theme="light"] .intro-divider,
html[data-theme="light"] .blog-section-header,
html[data-theme="light"] .detail-section,
html[data-theme="light"] .features-section,
html[data-theme="light"] .other-section,
html[data-theme="light"] .flow-section {
  border-color: var(--lm-border) !important;
}

html[data-theme="light"] .detail-grid {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .stepper-line {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .skill-tech-divider {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .card-footer {
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .card-right {
  border-left-color: var(--lm-border) !important;
}
html[data-theme="light"] .sbar {
  background: var(--lm-border) !important;
}

/* ═══════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .stat-num {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .tl-content,
html[data-theme="light"] .tl-expand-inner {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .hbadge {
  background: var(--lm-surface) !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
  color: var(--lm-hi) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .hbadge svg {
  stroke: var(--lm-muted) !important;
  fill: none !important;
}
html[data-theme="light"] .terminal {
  background: #ffffff !important;
  border-color: var(--lm-border) !important;
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.08),
    0 28px 70px rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="light"] .tbar {
  background: #f5f5f5 !important;
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .tfname {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .tstatus {
  background: #f5f5f5 !important;
  border-top-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .stright {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .tc-out {
  border-top-color: var(--lm-border) !important;
}
/* All code token colors → dark readable on white */
html[data-theme="light"] .ck {
  color: #7c3aed !important;
}
html[data-theme="light"] .cfn {
  color: #1d4ed8 !important;
}
html[data-theme="light"] .ccl {
  color: #b45309 !important;
}
html[data-theme="light"] .cmo {
  color: #15803d !important;
}
html[data-theme="light"] .cv {
  color: #111111 !important;
}
html[data-theme="light"] .cs {
  color: #0f766e !important;
}
html[data-theme="light"] .cn {
  color: #c2410c !important;
}
html[data-theme="light"] .co {
  color: rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="light"] .cp {
  color: #0369a1 !important;
}
html[data-theme="light"] .cm {
  color: rgba(0, 0, 0, 0.3) !important;
}
html[data-theme="light"] .cx {
  color: var(--primary) !important;
}
html[data-theme="light"] .m-img-wrap {
  border-color: var(--lm-border) !important;
}
/* mission image overlay — lighter in light mode */
html[data-theme="light"] .m-img-ov {
  background: linear-gradient(
    135deg,
    rgba(255, 107, 0, 0.04) 0%,
    transparent 50%,
    rgba(0, 0, 0, 0.08) 100%
  ) !important;
}
/* corner brackets stay orange */
html[data-theme="light"] .mc-tl,
html[data-theme="light"] .mc-br {
  border-color: var(--primary) !important;
}
/* btn-ghost — dark text + visible border */
html[data-theme="light"] .btn-ghost {
  color: var(--lm-hi) !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}
html[data-theme="light"] .btn-ghost:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
html[data-theme="light"] .g-card {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
}

/* ═══════════════════════════════════════
   HERO SECTIONS — ALL PAGES
   White background, no gradients/glows
═══════════════════════════════════════ */
html[data-theme="light"] .hero,
html[data-theme="light"] .careers-hero,
/* html[data-theme="light"] .contact-hero, */
html[data-theme="light"] .article-hero,
html[data-theme="light"] .hero-section,
html[data-theme="light"] .sd-hero {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .hero::before {
  display: none !important;
}
html[data-theme="light"] .hero-canvas,
html[data-theme="light"] .hero-noise,
html[data-theme="light"] .hero-vignette,
html[data-theme="light"] .article-hero .hero-canvas,
html[data-theme="light"] .article-hero .hero-noise,
html[data-theme="light"] .article-hero .hero-vignette,
html[data-theme="light"] .hero-glow,
html[data-theme="light"] .hero-glow2,
html[data-theme="light"] .hero-glow-left,
html[data-theme="light"] .glow,
html[data-theme="light"] .glow-1,
html[data-theme="light"] .glow-2,
html[data-theme="light"] .hero-bg-grid {
  display: none !important;
}
html[data-theme="light"] .careers-hero-bg {
  background: var(--lm-surface) !important;
}

/* Home hero overlay → soft white, background image stays visible */
html[data-theme="light"] #hero-dark {
  background:
    radial-gradient(
      ellipse at 50% 50%,
      transparent 10%,
      rgba(255, 255, 255, 0.72) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0.62) 100%
    ) !important;
}
html[data-theme="light"] #hero-grain {
  display: none !important;
}
html[data-theme="light"] #page {
  background: var(--lm-bg) !important;
  box-shadow: 0 -60px 80px 40px var(--lm-bg) !important;
}

/* Single service hero — softer white overlay */
html[data-theme="light"] .sd-hero-bg {
  filter: brightness(0.55) saturate(0.7) !important;
}
html[data-theme="light"] .sd-hero-ov1 {
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 0.92) 0%,
    rgba(255, 255, 255, 0.65) 45%,
    rgba(255, 255, 255, 0.15) 100%
  ) !important;
}
html[data-theme="light"] .sd-hero-ov2,
html[data-theme="light"] .sd-hero-grid {
  display: none !important;
}

/* Hero text — dark on light overlay */
html[data-theme="light"] .sd-hero-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .sd-hero-title .outline {
  color: transparent !important;
  -webkit-text-stroke-color: var(--primary) !important;
}
html[data-theme="light"] .sd-hero-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .sd-hero-breadcrumb {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .sd-hero-breadcrumb svg {
  stroke: var(--lm-muted) !important;
}
html[data-theme="light"] .sd-hero-pill {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .sd-hero-br {
  border-color: rgba(255, 107, 0, 0.3) !important;
}

/* ── SingleService — below-hero sections ── */
html[data-theme="light"] .detail-section,
html[data-theme="light"] .features-section,
html[data-theme="light"] .flow-section,
html[data-theme="light"] .other-section {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .flow-section {
  background: var(--lm-alt) !important;
}

/* Detail cards */
html[data-theme="light"] .detail-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .detail-card:hover {
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .detail-card-num {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .detail-card-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .detail-description {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .detail-grid {
  background: var(--lm-border) !important;
  border-color: var(--lm-border) !important;
}

/* Feature cards */
html[data-theme="light"] .feature-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .feature-card:hover {
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .fc-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .fc-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .fc-highlight-item {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .fc-tag {
  color: var(--lm-muted) !important;
  border-color: var(--lm-border) !important;
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .fc-ghost {
  color: rgba(0, 0, 0, 0.04) !important;
}

/* Stepper / flow section */
html[data-theme="light"] .sn-circle {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .sn-num {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .sn-circle svg {
  stroke: var(--lm-muted) !important;
}
html[data-theme="light"] .sc-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .sc-desc {
  color: var(--lm-body) !important;
}

/* Other services cards */
html[data-theme="light"] .other-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .other-card:hover {
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .oc-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .oc-desc {
  color: var(--lm-body) !important;
}

/* CTA band */
html[data-theme="light"] .cta-band {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .cta-band-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .cta-band-sub {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .btn-o {
  color: var(--lm-body) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .btn-o:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}

/* ═══════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════ */
html[data-theme="light"] .sn-circle {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .sn-circle:hover {
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .stepper-node.active .sn-circle {
  background: #fff7f0 !important;
  border-color: var(--primary) !important;
}

/* ═══════════════════════════════════════
   FAQ — ALL PAGES
═══════════════════════════════════════ */
html[data-theme="light"] .faq-q-text {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .faq-answer p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .faq-icon {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
/* html[data-theme="light"] .faq-question:hover {
  background: rgba(255, 107, 0, 0.03) !important;
} */
html[data-theme="light"] .faq-item.is-open > .faq-question {
  background: rgba(255, 107, 0, 0.04) !important;
}
html[data-theme="light"] .faq-item {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .faq-item:first-child {
  border-top-color: var(--lm-border) !important;
}

/* ═══════════════════════════════════════
   TEAMS PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .card:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}
html[data-theme="light"] .card-hover {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .card-hover-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .card-hover-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .card-hover-yrs {
  border-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .tag {
  background: rgba(255, 107, 0, 0.06) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
  color: var(--primary) !important;
}
html[data-theme="light"] .work-content {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .work-content::before {
  display: none !important;
}
html[data-theme="light"] .work-section {
  background: var(--lm-surface) !important;
}

/* ═══════════════════════════════════════
   PROJECTS PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .card-img-overlay {
  background: linear-gradient(
    to top,
    var(--lm-surface) 0%,
    transparent 100%
  ) !important;
}
html[data-theme="light"] .card-hover {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .card-title,
html[data-theme="light"] .card-hover-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .card-hover-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .bubble {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .bubble-label {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .bubble-sub {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .bubble-icon svg {
  color: #ff6b00 !important;
}
html[data-theme="light"] .cta-strip {
  background: var(--lm-alt) !important;
}

/* ═══════════════════════════════════════
   BLOG PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .blog-section-header {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .sidebar {
  background: var(--lm-alt) !important;
  border-right-color: var(--lm-border) !important;
}
html[data-theme="light"] .blog-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .blog-card:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}
html[data-theme="light"] .card-footer {
  /* background: rgba(0, 0, 0, 0.03) !important; */
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .bsh-right,
html[data-theme="light"] .bsh-stat {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}

/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .info-card,
html[data-theme="light"] .form-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .branch-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .branch-card:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}
html[data-theme="light"] .branch-badge {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .intro-divider {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .intro-stat-label {
  color: var(--lm-muted) !important;
}

/* Form inputs */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-hi) !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus {
  border-color: var(--primary) !important;
  background: var(--lm-surface) !important;
  outline: none !important;
}

/* ═══════════════════════════════════════
   CAREERS PAGE
═══════════════════════════════════════ */
/* All section backgrounds → white */
html[data-theme="light"] .careers-page,
html[data-theme="light"] .careers-hero,
html[data-theme="light"] .careers-hero-bg,
html[data-theme="light"] .careers-section,
html[data-theme="light"] .careers-talent-section {
  background: var(--lm-surface) !important;
}

/* Cards — white surface, no gradient tint */
html[data-theme="light"] .value-card,
html[data-theme="light"] .benefit-card,
html[data-theme="light"] .job-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .value-card:hover,
html[data-theme="light"] .benefit-card:hover,
html[data-theme="light"] .job-card:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}

/* Talent CTA card — white, orange border accent only */
html[data-theme="light"] .talent-card {
  background: var(--lm-surface) !important;
  border-color: rgba(255, 107, 0, 0.22) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .talent-card p {
  color: var(--lm-body) !important;
}

/* Text */
html[data-theme="light"] .careers-section-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .careers-hero h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .careers-hero-copy {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .value-card h3,
html[data-theme="light"] .benefit-card h3,
html[data-theme="light"] .job-card h3 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .value-card p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .job-meta {
  color: var(--lm-body) !important;
}

/* Secondary button */
html[data-theme="light"] .careers-btn-secondary {
  color: var(--lm-body) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .careers-btn-secondary:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

/* ═══════════════════════════════════════
   SKILLS TABS (SingleService)
═══════════════════════════════════════ */
html[data-theme="light"] .skills-tabs-nav {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .skills-tab-btn {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .skills-tab-btn:hover {
  color: var(--lm-body) !important;
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .skills-tab-btn.active {
  color: var(--primary) !important;
}
html[data-theme="light"] .skill-tech-item-label {
  color: var(--lm-hi) !important;
}

/* ═══════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════ */
html[data-theme="light"] .t-section {
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .t-section::before {
  display: none !important;
}
html[data-theme="light"] .t-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  /* box-shadow: var(--lm-shadow) !important; */
}
html[data-theme="light"] .t-card.active {
  border-color: var(--lm-border-o) !important;
  /* box-shadow: var(--lm-shadow-h) !important; */
}
html[data-theme="light"] .nav-btn {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .nav-btn:hover:not(:disabled) {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}
html[data-theme="light"] .t-dot {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .t-dot.active {
  background: var(--primary) !important;
}

/* ═══════════════════════════════════════
   BLOG DETAIL PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .article-layout {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .toc-sidebar {
  background: var(--lm-surface) !important;
  border-right-color: var(--lm-border) !important;
}
html[data-theme="light"] .toc-link {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .toc-link:hover {
  color: var(--lm-body) !important;
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .toc-link.active {
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}
html[data-theme="light"] .toc-progress-bar {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .article-content {
  border-right-color: var(--lm-border) !important;
}
html[data-theme="light"] .article-content h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .article-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .article-content p strong {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .lead-paragraph {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .article-callout {
  background: rgba(255, 107, 0, 0.04) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}
html[data-theme="light"] .callout-info {
  background: rgba(59, 130, 246, 0.04) !important;
  border-color: rgba(59, 130, 246, 0.18) !important;
}
html[data-theme="light"] .callout-body {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .callout-body strong {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .stat-box {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .stat-box:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .stat-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .article-figure {
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .article-figure figcaption {
  background: var(--lm-alt) !important;
  color: var(--lm-muted) !important;
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .company-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .company-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .company-rank {
  background: var(--lm-alt) !important;
  border-right-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .company-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .company-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .company-meta {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .company-badge {
  border-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .emerging-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .emerging-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .emerging-card h4 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .emerging-card p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .sector-item {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .sector-content h4 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .sector-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .sector-bar {
  background: var(--lm-border) !important;
}
html[data-theme="light"] .outlook-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .outlook-positive {
  background: rgba(16, 185, 129, 0.04) !important;
  border-color: rgba(16, 185, 129, 0.18) !important;
}
html[data-theme="light"] .outlook-caution {
  background: rgba(245, 158, 11, 0.04) !important;
  border-color: rgba(245, 158, 11, 0.18) !important;
}
html[data-theme="light"] .outlook-card h4 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .outlook-card ul li {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .article-tags {
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .tag-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .tag-pill {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .tag-pill:hover {
  color: var(--primary) !important;
  border-color: var(--lm-border-o) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}
html[data-theme="light"] .author-bio {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .author-bio-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .author-bio-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .back-to-blog {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .back-to-blog:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}
/* html[data-theme="light"] .related-sidebar {
  background: var(--lm-alt) !important;
} */
html[data-theme="light"] .share-panel {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .share-panel-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .share-icon-btn {
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .share-icon-btn:hover {
  border-color: var(--lm-border-o) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.04) !important;
}
html[data-theme="light"] .related-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .related-card:hover {
  border-color: var(--lm-border-o) !important;
  background: var(--lm-alt) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .related-card h5 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .related-read {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .newsletter-cta {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .newsletter-cta h4 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .newsletter-cta p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .newsletter-form input {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .newsletter-form input::placeholder {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .newsletter-form input:focus {
  border-color: var(--primary) !important;
}
html[data-theme="light"] .ah-glow-1,
html[data-theme="light"] .ah-glow-2 {
  display: none !important;
}
html[data-theme="light"] .breadcrumb a {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .ah-date,
html[data-theme="light"] .ah-read {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .article-hero-inner h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .ah-subtitle {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .ah-author-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .ah-author-role {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .ah-share-btn {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .ah-share-btn:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}
html[data-theme="light"] .ah-chip {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}

/* ═══════════════════════════════════════
   JOB DESCRIPTION PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .job-page {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .job-hero {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .job-hero::before {
  display: none !important;
}
html[data-theme="light"] .job-hero::after {
  display: none !important;
}
html[data-theme="light"] .job-hero-content h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .job-hero-copy {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .job-meta li {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .job-meta li strong {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .job-meta li span {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .job-content-wrap {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .job-block {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .job-block h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .job-block p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .job-points li {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .req-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .req-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .req-card h3 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .apply-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .apply-card::after {
  display: none !important;
}
html[data-theme="light"] .apply-card h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .apply-card p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .card-divider {
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .share-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .share-icon {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .stat-row {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .job-back-link {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .job-back-link:hover {
  color: var(--primary) !important;
}

/* ═══════════════════════════════════════
   JOB APPLICATION PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .app-header {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .app-header::before {
  display: none !important;
}
html[data-theme="light"] .app-header h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .app-header p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .meta-pill {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .application-form {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .application-form::before {
  display: none !important;
}
html[data-theme="light"] .application-form h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .form-group label {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group textarea,
html[data-theme="light"] .form-group select {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .form-group input::placeholder,
html[data-theme="light"] .form-group textarea::placeholder {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group textarea:focus,
html[data-theme="light"] .form-group select:focus {
  border-color: var(--primary) !important;
  background: var(--lm-surface) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.1) !important;
}
html[data-theme="light"] .form-group small,
html[data-theme="light"] .field-hint {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .char-count {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .form-section-divider {
  border-top-color: var(--lm-border) !important;
}

/* ═══════════════════════════════════════
   TERMS, PRIVACY POLICY, COOKIE PAGES
═══════════════════════════════════════ */
html[data-theme="light"] .terms-container,
html[data-theme="light"] .privacy-container,
html[data-theme="light"] .cookie-container {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .terms-hero,
html[data-theme="light"] .privacy-hero,
html[data-theme="light"] .cookie-hero {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .terms-hero h1,
html[data-theme="light"] .privacy-hero h1,
html[data-theme="light"] .cookie-hero h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .terms-updated,
html[data-theme="light"] .privacy-updated,
html[data-theme="light"] .cookie-updated {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .terms-section h2,
html[data-theme="light"] .privacy-section h2,
html[data-theme="light"] .cookie-section h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .terms-section h3,
html[data-theme="light"] .privacy-section h3,
html[data-theme="light"] .cookie-section h3 {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .terms-section p,
html[data-theme="light"] .privacy-section p,
html[data-theme="light"] .cookie-section p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .terms-section li,
html[data-theme="light"] .privacy-section li,
html[data-theme="light"] .cookie-section li {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .terms-section strong,
html[data-theme="light"] .privacy-section strong,
html[data-theme="light"] .cookie-section strong {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .contact-info {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .contact-info p {
  color: var(--lm-body) !important;
}

/* ═══════════════════════════════════════
   404 PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .error-container {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .bg-grid {
  display: none !important;
}
html[data-theme="light"] .bg-glow {
  display: none !important;
}
html[data-theme="light"] .error-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .error-message {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .quick-links {
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .quick-links-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .quick-links a {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .quick-links a:hover {
  color: var(--primary) !important;
}
html[data-theme="light"] .btn-secondary {
  color: var(--lm-body) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .btn-secondary:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}
html[data-theme="light"] .floating-element {
  opacity: 0.06 !important;
}

/* ═══════════════════════════════════════
   FAQ STANDALONE PAGE (faq.html)
   body has hardcoded #030303 background
═══════════════════════════════════════ */
html[data-theme="light"] .faq-page-body,
html[data-theme="light"] .faq-wrap {
  background: var(--lm-bg) !important;
}
/* html[data-theme="light"] .faq-hero {
  background: var(--lm-surface) !important;
} */
html[data-theme="light"] .faq-hero h1 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .faq-hero p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .faq-stat-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .faq-stat-card:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}
html[data-theme="light"] .faq-bottom-cta {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}

/* ═══════════════════════════════════════
   NAVIGATION — LIGHT MODE
═══════════════════════════════════════ */
/* Frosted glass nav — keep the translucency, just tint white */
html[data-theme="light"] nav {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(22px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(200%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow:
    0 2px 24px rgba(0, 0, 0, 0.07),
    0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
}
html[data-theme="light"] .nav-logo {
  color: var(--lm-hi) !important;
}

html[data-theme="light"] .services-label:hover {
  color: var(--primary) !important;
}
html[data-theme="light"] .chevron {
  color: rgba(17, 17, 17, 0.5) !important;
}
html[data-theme="light"] .hamburger span {
  background: var(--lm-hi) !important;
}

html[data-theme="light"] .nav-links a:hover {
  color: var(--primary) !important;
}

/* html[data-theme="light"] a:hover {
  
  color: rgba(255, 255, 255, 0.97) !important;
} */

/* Dropdown — clean white glass */
html[data-theme="light"] .dropdown-inner {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: rgba(0, 0, 0, 0.07) !important;
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}
html[data-theme="light"] .dropdown-item {
  border-color: rgba(0, 0, 0, 0.06) !important;
  background: rgba(0, 0, 0, 0.01) !important;
}
html[data-theme="light"] .dropdown-item:hover {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.22) !important;
}
html[data-theme="light"] .d-text strong {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .d-text > span {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .d-points li {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .d-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
html[data-theme="light"] .d-icon svg {
  stroke: rgba(17, 17, 17, 0.45) !important;
}
html[data-theme="light"] .dropdown-footer {
  background: rgba(248, 248, 248, 0.97) !important;
  border-top-color: rgba(0, 0, 0, 0.07) !important;
  
}
html[data-theme="light"] .dropdown-footer span {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .dropdown-footer-btn {
  color: var(--lm-hi) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="light"] .dropdown-footer-btn:hover {
  /* background: var(--primary) !important; */
  color: #fff !important;
  border-color: var(--primary) !important;
}

/* Mobile drawer */
html[data-theme="light"] .mobile-drawer {
  background: rgba(255, 255, 255, 0.97) !important;
  backdrop-filter: blur(20px) !important;
}
html[data-theme="light"] .mobile-close span {
  background: var(--lm-hi) !important;
}
html[data-theme="light"] .mob-link,
html[data-theme="light"] .mob-services-label {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .mob-link {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .mob-services-group {
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .mob-service-item {
  color: var(--lm-body) !important;
}

/* ═══════════════════════════════════════
   FOOTER — LIGHT MODE
═══════════════════════════════════════ */
html[data-theme="light"] footer,
html[data-theme="light"] .footer {
  /* background: var(--lm-alt) !important; */
  border-top: 1px solid var(--lm-border) !important;
}
html[data-theme="light"] .footer-col h4,
html[data-theme="light"] .footer-heading {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .footer-col a,
html[data-theme="light"] .footer-link {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .footer-col a:hover,
html[data-theme="light"] .footer-link:hover {
  color: var(--primary) !important;
}
html[data-theme="light"] .footer-bottom {
  border-top-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .footer-divider {
  background: var(--lm-border) !important;
}

/* ═══════════════════════════════════════
   SERVICES PAGE
═══════════════════════════════════════ */
html[data-theme="light"] .service-card,
html[data-theme="light"] .sc-inner {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .service-card:hover,
html[data-theme="light"] .sc-inner:hover {
  box-shadow: var(--lm-shadow-h) !important;
  border-color: var(--lm-border-o) !important;
}
html[data-theme="light"] .sc-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .sc-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .services-hero,
html[data-theme="light"] .services-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .services-grid-section {
  background: var(--lm-alt) !important;
}

/* ═══════════════════════════════════════
   FAQ PAGE — body background override
   faq.css hardcodes body { background: #030303 }
═══════════════════════════════════════ */
html[data-theme="light"] body {
  background: var(--lm-bg) !important;
  color: var(--lm-hi) !important;
}

/* FAQ topic pills */
html[data-theme="light"] .topic-pill {
  color: var(--lm-body) !important;
  border-color: var(--lm-border) !important;
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .topic-pill:hover,
html[data-theme="light"] .topic-pill.active {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
}

/* FAQ question rows */
html[data-theme="light"] .faq-question {
  color: var(--lm-hi) !important;
  background: transparent !important;
}
html[data-theme="light"] .faq-item {
  border-bottom-color: var(--lm-border) !important;
  background: transparent !important;
}
html[data-theme="light"] .faq-item:hover,
html[data-theme="light"] .faq-item.open {
  background: rgba(255, 107, 0, 0.03) !important;
}
html[data-theme="light"] .faq-answer-text {
  color: var(--lm-body) !important;
}

/* FAQ bottom CTA section */
html[data-theme="light"] .faq-bottom-cta-section {
  background: var(--lm-alt) !important;
}

/* ═══════════════════════════════════════
   JOB DESCRIPTION — custom var overrides
   jobdescription.css uses --neon, --bg-card etc.
═══════════════════════════════════════ */
html[data-theme="light"] .skill-tag {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.2) !important;
  color: var(--primary) !important;
}
html[data-theme="light"] .floating-apply {
  background: var(--primary) !important;
  color: #fff !important;
}

/* ═══════════════════════════════════════
   PROJECT DETAIL PAGE — COMPREHENSIVE
   Every component clearly visible in light mode
═══════════════════════════════════════ */

/* Page base */
html[data-theme="light"] .hero-bg-grid {
  display: none !important;
}

/* Hero section */
html[data-theme="light"] .hero {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .hero-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .hero-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .hero-desc strong {
  color: var(--primary) !important;
}
html[data-theme="light"] .hero-meta-key {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .hero-meta-val {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .hero-scroll-text {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .hero-glow {
  display: none !important;
}
html[data-theme="light"] .hero-corner--tl,
html[data-theme="light"] .hero-corner--br {
  border-color: rgba(255, 107, 0, 0.3) !important;
}

/* Collage image frames */
html[data-theme="light"] .col-main,
html[data-theme="light"] .col-sec,
html[data-theme="light"] .col-ter {
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .col-main img,
html[data-theme="light"] .col-sec img,
html[data-theme="light"] .col-ter img {
  filter: brightness(1) saturate(1) !important;
}

/* Hero badges */
html[data-theme="light"] .badge {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .badge-lbl {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .img-chip {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
}

/* Next section divider */
html[data-theme="light"] .next-section {
  border-top-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}

/* Tech carousel */
html[data-theme="light"] .tech-carousel-section {
  background: var(--lm-alt) !important;
  border-top-color: var(--lm-border) !important;
  border-bottom-color: var(--lm-border) !important;
}
html[data-theme="light"] .carousel-wrap::before {
  background: linear-gradient(to right, var(--lm-alt), transparent) !important;
}
html[data-theme="light"] .carousel-wrap::after {
  background: linear-gradient(to left, var(--lm-alt), transparent) !important;
}
html[data-theme="light"] .tech-chip {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .tech-chip:hover {
  border-color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.05) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .tech-chip-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .tech-chip-cat {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .tech-chip-icon {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}

/* Problem section */
html[data-theme="light"] .problem-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .problem-content h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .problem-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .problem-quote {
  background: rgba(255, 107, 0, 0.04) !important;
  border-left-color: var(--primary) !important;
}
html[data-theme="light"] .problem-quote-text {
  color: var(--lm-hi) !important;
}

/* Stat cards (problem section) */
html[data-theme="light"] .stat-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .stat-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .stat-label {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .stat-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .stat-icon {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}

/* Architecture section */
html[data-theme="light"] .architecture-section {
  background: var(--lm-bg) !important;
}
html[data-theme="light"] .arch-content h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .arch-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .arch-diagram {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .arch-diagram:hover {
  border-color: var(--primary) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .arch-diagram-header {
  border-bottom-color: var(--lm-border) !important;
  background: var(--lm-alt) !important;
}
html[data-theme="light"] .arch-diagram-title {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .arch-layer {
  /* background: var(--lm-alt) !important; */
  /* border-color: var(--lm-border) !important; */
}
html[data-theme="light"] .arch-layer:hover {
  background: rgba(255, 107, 0, 0.04) !important;
  border-color: var(--primary) !important;
}
html[data-theme="light"] .arch-layer-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .arch-layer-icon {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}
html[data-theme="light"] .arch-layer-tag {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}

/* Metric cards */
html[data-theme="light"] .metric-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .metric-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .metric-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .metric-bar {
  background: var(--lm-border) !important;
}

/* Arch nodes */
html[data-theme="light"] .arch-node,
html[data-theme="light"] .arch-node-wide {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .arch-node:hover,
html[data-theme="light"] .arch-node-wide:hover {
  border-color: var(--primary) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .arch-node-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .arch-node-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .arch-node-icon {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}

/* Thinking section */
html[data-theme="light"] .thinking-section {
  background: var(--lm-surface) !important;
}
/* html[data-theme="light"] .thinking-header h2 {
  background: linear-gradient(115deg, #111 0%, #ff6b00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
} */
html[data-theme="light"] .thinking-subtitle {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .thinking-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .thinking-card:hover {
  border-color: var(--primary) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .thinking-card-header h3 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .thinking-content p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .thinking-challenge strong,
html[data-theme="light"] .thinking-decision strong {
  color: var(--primary) !important;
}
html[data-theme="light"] .thinking-icon {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
}
html[data-theme="light"] .outcome-badge {
  background: rgba(255, 107, 0, 0.05) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
  color: var(--lm-body) !important;
}
html[data-theme="light"] .outcome-badge:hover {
  background: rgba(255, 107, 0, 0.09) !important;
}
html[data-theme="light"] .thinking-principles {
  background: var(--lm-surface) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .thinking-principles h3 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .principle-item {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .principle-item:hover {
  border-color: var(--primary) !important;
  background: rgba(255, 107, 0, 0.03) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .principle-content h4 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .principle-content p {
  color: var(--lm-body) !important;
}

/* Integration / Timeline section */
html[data-theme="light"] .integration-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .integration-header h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .integration-subtitle {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .timeline-line {
  background: linear-gradient(
    180deg,
    var(--primary),
    rgba(255, 107, 0, 0.15)
  ) !important;
}
html[data-theme="light"] .timeline-item {
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .timeline-content {
  background: var(--lm-surface) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .timeline-content:hover {
  border-color: rgba(255, 107, 0, 0.18) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .timeline-content h3 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .timeline-desc {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .timeline-stat .stat-label {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .timeline-marker {
  background: var(--lm-surface) !important;
  border-color: var(--primary) !important;
}
html[data-theme="light"] .integration-card,
html[data-theme="light"] .integration-node {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .integration-card:hover,
html[data-theme="light"] .integration-node:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* Handover section */
html[data-theme="light"] .handover-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .handover-header h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .handover-subtitle {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .handover-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .handover-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* Results / Success section */
html[data-theme="light"] .success-section,
html[data-theme="light"] .results-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .success-header h2,
html[data-theme="light"] .results-header h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .result-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .result-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}
html[data-theme="light"] .result-label {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .achievement-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .achievement-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* Testimonial section */
html[data-theme="light"] .testimonial-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .testimonial-header h2 {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .testimonial-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .testimonial-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* Comparison section */
html[data-theme="light"] .comparison-side {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .comparison-side:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* CTA section */
html[data-theme="light"] .cta-section {
  background: var(--lm-surface) !important;
}
html[data-theme="light"] .cta-header h2 {
  color: var(--lm-hi) !important;
}

/* Section eyebrows / labels */
html[data-theme="light"] .sec-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .section-eyebrow {
  color: var(--primary) !important;
}

/* mpill / m-float-badge */
html[data-theme="light"] .mpill {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-body) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .m-float-badge {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .m-img-wrap {
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}

/* Step cards */
html[data-theme="light"] .step-card {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}
html[data-theme="light"] .step-card:hover {
  border-color: var(--lm-border-o) !important;
  box-shadow: var(--lm-shadow-h) !important;
}

/* Detail image frame */
html[data-theme="light"] .detail-image-frame {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow: var(--lm-shadow) !important;
}

/* Section headings — override the white-to-orange gradient for light mode */
/* html[data-theme="light"] .thinking-header h2, */
/* html[data-theme="light"] .integration-header h2,
html[data-theme="light"] .handover-header h2,
html[data-theme="light"] .success-header h2,
html[data-theme="light"] .testimonial-header h2,
html[data-theme="light"] .cta-header h2 {
  background: linear-gradient(115deg, #111111 0%, #ff6b00 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
} */

/* Subtitle text under section headers */
html[data-theme="light"] .integration-subtitle,
html[data-theme="light"] .handover-subtitle,
html[data-theme="light"] .thinking-subtitle {
  color: var(--lm-body) !important;
}

/* Timeline tech tags */
html[data-theme="light"] .timeline-tech span,
html[data-theme="light"] .timeline-badge {
  background: rgba(255, 107, 0, 0.07) !important;
  border-color: rgba(255, 107, 0, 0.18) !important;
  color: var(--primary) !important;
}

/* About page hero stays dark — keep scroll cue white */
html[data-theme="light"] body.page-about .hero .hero-scroll-cue__text {
  color: rgba(255, 255, 255, 0.55) !important;
}
html[data-theme="light"] body.page-about .hero .hero-scroll-cue__line {
  background: rgba(255, 255, 255, 0.18) !important;
}

/* About hero — remove ring glow and fade overlay in light mode */
html[data-theme="light"] .h-ring {
  border-color: rgba(255, 107, 0, 0.12) !important;
  box-shadow: none !important;
  animation: none !important;
}
html[data-theme="light"] .hero-fade {
  display: none !important;
}

/* ═══════════════════════════════════════════════
   PROJECT DETAIL — hero image overlay text (light mode)
   img-chip and badge cards sit on photos — keep dark bg,
   but ensure text is readable
═══════════════════════════════════════════════ */
html[data-theme="light"] .img-chip {
  background: rgba(10, 10, 10, 0.78);
  border-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
}

html[data-theme="light"] .badge {
  background: rgba(10, 10, 10, 0.88);
  border-color: rgba(255, 107, 0, 0.3);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

html[data-theme="light"] .badge-lbl {
  color: rgba(255, 255, 255, 0.65);
}

html[data-theme="light"] .badge-live-text {
  color: #22c55e;
}

html[data-theme="light"] .badge-trend {
  color: #22c55e;
}

/* Projects page — hero stats numbers */
html[data-theme="light"] .hs-n {
  color: #0a0a0a !important;
}
html[data-theme="light"] .hs:hover .hs-n {
  color: #ff6b00 !important;
}
html[data-theme="light"] .hs-l {
  color: rgba(10, 10, 10, 0.55) !important;
}

/* ═══════════════════════════════════════
   TEAMS PAGE — MODAL (light mode)
   Modal styles are injected via JS so we
   override here with !important
═══════════════════════════════════════ */
html[data-theme="light"] .modal-overlay {
  background: rgba(0, 0, 0, 0.35) !important;
}
html[data-theme="light"] .modal-box {
  background: var(--lm-surface) !important;
  border-color: var(--lm-border) !important;
  box-shadow:
    0 40px 80px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(255, 107, 0, 0.12) !important;
}
html[data-theme="light"] .modal-close {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .modal-close:hover {
  background: rgba(255, 107, 0, 0.1) !important;
  border-color: rgba(255, 107, 0, 0.4) !important;
  color: #ff6b00 !important;
}
html[data-theme="light"] .modal-left {
  border-right-color: var(--lm-border) !important;
}
html[data-theme="light"] .modal-name {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .modal-years {
  color: var(--lm-muted) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .modal-social-link {
  color: var(--lm-body) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .modal-social-link:hover {
  color: #ff6b00 !important;
  border-color: rgba(255, 107, 0, 0.4) !important;
  background: rgba(255, 107, 0, 0.06) !important;
}
html[data-theme="light"] .modal-bio p {
  color: var(--lm-body) !important;
}
html[data-theme="light"] .modal-section {
  border-top-color: var(--lm-border) !important;
}
html[data-theme="light"] .modal-section-title {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .modal-qual {
  background: var(--lm-alt) !important;
  border-color: var(--lm-border) !important;
}
html[data-theme="light"] .qual-institution {
  color: var(--lm-hi) !important;
}
html[data-theme="light"] .qual-degree {
  color: var(--lm-muted) !important;
}
html[data-theme="light"] .modal-box::-webkit-scrollbar-thumb {
  background: rgba(255, 107, 0, 0.25) !important;
}

/* ══════════════════════════════════════════════════════════
   BLOG DETAIL PAGE — light mode overrides
══════════════════════════════════════════════════════════ */
html[data-theme="light"] .article-layout {
  background: transparent;
}

html[data-theme="light"] .toc-sidebar {
  background: var(--lm-bg) !important;
  border-right: none;
}

html[data-theme="light"] .article-hero {
  background: var(--lm-bg);
}

html[data-theme="light"] .article-content h2 {
  color: var(--lm-hi);
}

html[data-theme="light"] .article-content p {
  color: var(--lm-muted);
}

html[data-theme="light"] .article-content p strong,
html[data-theme="light"] .lead-paragraph {
  color: var(--lm-hi);
}

html[data-theme="light"] .toc-label {
  color: var(--color-primary);
}

html[data-theme="light"] .toc-link {
  color: rgba(0, 0, 0, 0.45);
}

html[data-theme="light"] .toc-link:hover {
  color: rgba(0, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .toc-link.active {
  color: var(--color-primary);
  background: rgba(255, 107, 0, 0.06);
}

/* arch-layer — no box, no shadow, no background */
html[data-theme="light"] .arch-layer,
html[data-theme="light"] .arch-layer:hover {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

html[data-theme="light"] .mob-view-all {
  background: rgba(255, 107, 0, 0.06) !important;
  border-top-color: rgba(255, 107, 0, 0.18) !important;
  color: var(--color-primary) !important;
}
html[data-theme="light"] .mob-view-all:hover {
  background: rgba(255, 107, 0, 0.12) !important;
}