/* ══════════════════════════════════════
   LIGHT THEME — activated via body.light-mode
   ══════════════════════════════════════ */

body.light-mode {
  --dark: #faf8f4 !important;
  --dark-2: #f3f0ea !important;
  --dark-3: #ffffff !important;
  --white: #1a1714 !important;
  --gray: #8a8580 !important;
  --gray-light: #6b6560 !important;
  --apricot-bg: #f0e8f4 !important;
  --pink: #6b2d7b !important;
}

body.light-mode { background: #faf8f4 !important; color: #1a1714 !important; }

body.light-mode .co-nav { background: rgba(250,248,244,0.9) !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important; }
body.light-mode .co-nav-logo { color: #1a1714 !important; }
body.light-mode .co-nav-center a { color: #8a8580 !important; }
body.light-mode .co-nav-center a:hover { color: #1a1714 !important; }

body.light-mode .co-hero-bg img { opacity: 0.5 !important; filter: brightness(1) saturate(0.9) !important; }
body.light-mode .co-hero-bg::after { background: radial-gradient(ellipse at 50% 40%, transparent 20%, rgba(250,248,244,0.6) 55%, rgba(250,248,244,1) 80%), linear-gradient(to bottom, rgba(250,248,244,0.1) 0%, transparent 30%, transparent 60%, rgba(250,248,244,1) 100%) !important; }

body.light-mode .co-hero-bigtext h1 { color: #1a1714 !important; }
body.light-mode .co-hero-bigtext p { color: #6b6560 !important; }

body.light-mode .co-hero-card { background: rgba(255,255,255,0.75) !important; border: 1px solid rgba(0,0,0,0.08) !important; backdrop-filter: blur(30px) !important; }
body.light-mode .co-hero-spec { color: #6b6560 !important; }
body.light-mode .co-hero-product-btn { background: rgba(0,0,0,0.03) !important; border: 1px solid rgba(0,0,0,0.08) !important; color: #8a8580 !important; }
body.light-mode .co-hero-product-btn:hover, body.light-mode .co-hero-product-btn.active { background: rgba(255,109,39,0.08) !important; border-color: var(--orange) !important; color: var(--orange) !important; }

body.light-mode .co-scroll-indicator span { color: #8a8580 !important; }

body.light-mode .co-thumb { opacity: 0.7 !important; }
body.light-mode .co-thumb:hover { opacity: 1 !important; }
body.light-mode .co-thumb p { color: #8a8580 !important; }
body.light-mode .co-thumb img { border: 1px solid rgba(0,0,0,0.08) !important; }

body.light-mode .co-glow-orb:nth-child(1) { background: radial-gradient(circle, rgba(255,109,39,0.12), transparent 70%) !important; opacity: 0.3 !important; }
body.light-mode .co-glow-orb:nth-child(2) { background: radial-gradient(circle, rgba(5,97,70,0.12), transparent 70%) !important; opacity: 0.3 !important; }
body.light-mode .co-glow-orb:nth-child(3) { background: radial-gradient(circle, rgba(100,80,160,0.1), transparent 70%) !important; opacity: 0.3 !important; }

body.light-mode .co-glow-line { background: linear-gradient(to right, transparent, rgba(0,0,0,0.08), transparent) !important; }

body.light-mode .co-features-strip { background: #f0e8f4 !important; }
body.light-mode .co-strip-item h3 { color: #4a1a5e !important; }
body.light-mode .co-strip-item p { color: rgba(74,26,94,0.55) !important; }
body.light-mode .co-strip-item strong { color: rgba(74,26,94,0.8) !important; }

body.light-mode .co-title { color: #1a1714 !important; }
body.light-mode .co-desc { color: #8a8580 !important; }
body.light-mode .co-label { color: var(--orange) !important; }

body.light-mode .co-highlight { background: transparent; }
body.light-mode .co-hl-visual { background: #f3f0ea !important; }
body.light-mode .co-hl-visual .co-badge { color: rgba(0,0,0,0.4) !important; background: rgba(255,255,255,0.7) !important; }

body.light-mode .co-highlight[style*="apricot"] .co-title { color: #4a1a5e !important; }
body.light-mode .co-highlight[style*="apricot"] .co-label { color: #6b2d7b !important; }
body.light-mode .co-highlight[style*="apricot"] .co-desc { color: rgba(74,26,94,0.5) !important; }
body.light-mode .co-highlight[style*="apricot"] .co-cta-link { color: #6b2d7b !important; }

body.light-mode .co-services { background: #f3f0ea !important; }
body.light-mode .co-svc-card { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; color: #1a1714 !important; }
body.light-mode .co-svc-card:hover { border-color: rgba(255,109,39,0.3) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important; }
body.light-mode .co-svc-card h3 { color: #1a1714 !important; }
body.light-mode .co-svc-card p { color: #8a8580 !important; }
body.light-mode .co-card-arrow { color: #ccc !important; }
body.light-mode .co-svc-card:hover .co-card-arrow { color: var(--orange) !important; }

body.light-mode .co-owl-card { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; }
body.light-mode .co-owl-card:hover { border-color: rgba(0,0,0,0.12) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important; }
body.light-mode .co-owl-card h3 { color: #1a1714 !important; }
body.light-mode .co-owl-card p { color: #8a8580 !important; }

body.light-mode .co-trusted { background: #f3f0ea !important; }
body.light-mode .co-trusted h3 { color: #8a8580 !important; }
body.light-mode .co-trusted-logos { opacity: 0.5 !important; filter: grayscale(1) brightness(0.5) !important; }

body.light-mode .co-support-card { background: #ffffff !important; border: 1px solid rgba(0,0,0,0.06) !important; }
body.light-mode .co-support-card:hover { border-color: rgba(0,0,0,0.12) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.06) !important; }
body.light-mode .co-support-card h3 { color: #1a1714 !important; }
body.light-mode .co-support-card p { color: #8a8580 !important; }

body.light-mode .co-headliner .co-title { color: #1a1714 !important; }
body.light-mode .co-headliner .co-desc { color: #8a8580 !important; }

body.light-mode .co-cta-final { background: var(--green) !important; }
body.light-mode .co-cta-final .co-title { color: #fff !important; }
body.light-mode .co-cta-final .co-desc { color: rgba(255,255,255,0.6) !important; }
body.light-mode .co-cta-btn { background: #fff !important; color: var(--green) !important; }

body.light-mode .co-footer { background: #1a1714 !important; border-top: none !important; }
body.light-mode .co-footer-brand .co-f-logo { color: #e8e6e3 !important; }
body.light-mode .co-footer-brand p { color: #777 !important; }
body.light-mode .co-footer-col h4 { color: #e8e6e3 !important; }
body.light-mode .co-footer-col a { color: #777 !important; }
body.light-mode .co-footer-col a:hover { color: #e8e6e3 !important; }
body.light-mode .co-footer-bottom p { color: #555 !important; }
body.light-mode .co-footer-social a { color: #555 !important; }
body.light-mode .co-footer-social a:hover { color: #e8e6e3 !important; }
body.light-mode .co-footer-bottom { border-top: 1px solid rgba(255,255,255,0.06) !important; }


/* Particles lighter in light mode */
body.light-mode .particles-canvas { opacity: 0.3; }
body.light-mode .co-glow-orbs { opacity: 0.5; }

/* Fix: Logo image keep original - no filter */
body.light-mode .co-nav-logo img { filter: none !important; opacity: 1 !important; }
body.light-mode .co-footer-brand img { filter: none !important; opacity: 1 !important; }

/* Fix: MIS/Apricot section - brighter for light mode */
body.light-mode .co-highlight[style*="apricot"] { background: #f5f0f8 !important; }
body.light-mode .co-highlight[style*="apricot"] .co-title { color: #7b3fa0 !important; }
body.light-mode .co-highlight[style*="apricot"] .co-label { color: #9b5fc0 !important; }
body.light-mode .co-highlight[style*="apricot"] .co-desc { color: #8a7090 !important; }
body.light-mode .co-highlight[style*="apricot"] .co-cta-link { color: #9b5fc0 !important; }

/* Fix: Features strip brighter purple */
body.light-mode .co-features-strip { background: #f5f0f8 !important; }
body.light-mode .co-strip-item h3 { color: #7b3fa0 !important; }
body.light-mode .co-strip-item p { color: #9a80a8 !important; }
body.light-mode .co-strip-item strong { color: #7b3fa0 !important; }

/* Fix: Toggle button styling for light mode */
body.light-mode #themeToggle { border-color: rgba(0,0,0,0.15) !important; }

/* Fix: Nav right button */
body.light-mode .co-nav-right a { color: #1a1714 !important; }

/* Fix: Invert white logo on light background */
body.light-mode .co-nav-logo img { filter: brightness(0.2) !important; opacity: 1 !important; }
body.light-mode .co-footer-brand img { filter: none !important; opacity: 1 !important; }

/* Fix: Override mix-blend-mode for light mode */
body.light-mode .co-nav-logo img, body.light-mode .co-f-logo img {
  mix-blend-mode: multiply !important;
  filter: brightness(0.2) !important;
}