/* ── Intent Studio · Light Mode Overrides ─────────────────── */

html[data-theme="light"] {
  --bg:     #f8f7f3;
  --card:   #ffffff;
  --card2:  #f0efe9;
  --border: rgba(0,0,0,0.08);
  --text:   #0f0f0f;
  --muted:  #555555;
  --muted2: #999999;
  --accent: #00b356;
  --accent2:#0099cc;
}

/* ── Base ── */
html[data-theme="light"] body {
  background: var(--bg);
  color: var(--text);
}

/* ── Scrollbar ── */
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); }

/* ── Navbar ── */
html[data-theme="light"] nav {
  background: rgba(248,247,243,0.92) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="light"] .nav-links a { color: #555; }
html[data-theme="light"] .nav-links a:hover { color: #111; }
html[data-theme="light"] .nav-logo .logo-icon { background: var(--accent); }
html[data-theme="light"] .nav-cta { background: var(--accent); color: #fff; }

/* ── Cards / Bento ── */
html[data-theme="light"] .card {
  background: var(--card);
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .card-hero-main {
  background: #eaf8f1 !important;
  border-color: rgba(0,179,86,0.15);
}
html[data-theme="light"] .card-featured {
  background: #f3faf6 !important;
}
html[data-theme="light"] .featured-preview {
  background: linear-gradient(135deg, #d8f0e5 0%, #d8ecf8 50%, #e8ecf4 100%) !important;
}
html[data-theme="light"] .featured-preview::before {
  background:
    radial-gradient(circle at 70% 30%, rgba(0,179,86,0.12), transparent 55%),
    radial-gradient(circle at 20% 70%, rgba(0,153,204,0.08), transparent 50%);
}
html[data-theme="light"] .card-collab {
  background: linear-gradient(135deg, var(--card2) 0%, #d8f0e5 100%) !important;
}
html[data-theme="light"] .card-brand {
  background: var(--card);
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .card-services {
  background: var(--card);
  border-color: rgba(0,0,0,0.08);
}

/* ── Hero Text ── */
html[data-theme="light"] .hero-main-label { color: var(--accent); }
html[data-theme="light"] .hero-main-title { color: #0f0f0f; }
html[data-theme="light"] .hero-main-sub   { color: #555; }
html[data-theme="light"] .hero-main-brand { background: rgba(0,0,0,0.06); border-color: rgba(0,0,0,0.1); }
html[data-theme="light"] .hb-icon         { background: var(--accent); color: #fff; }
html[data-theme="light"] .hero-btn-primary  { background: var(--accent); color: #fff; }
html[data-theme="light"] .hero-btn-secondary { background: rgba(0,0,0,0.06); color: #111; border-color: rgba(0,0,0,0.12); }

/* ── Stats / Counters ── */
html[data-theme="light"] .stat-val  { color: #0f0f0f; }
html[data-theme="light"] .stat-label { color: #666; }
html[data-theme="light"] .stat-item { border-color: rgba(0,0,0,0.08); }

/* ── Services ── */
html[data-theme="light"] .services-title { color: #0f0f0f; }
html[data-theme="light"] .svc-item { border-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .svc-item:hover { background: #f5f4f0; }
html[data-theme="light"] .svc-item-name { color: #111; }
html[data-theme="light"] .svc-item-desc { color: #666; }

/* ── About / Why ── */
html[data-theme="light"] .about-heading { color: #0f0f0f; }
html[data-theme="light"] .about-heading span { color: var(--accent); }
html[data-theme="light"] .about-body { color: #555; }
html[data-theme="light"] .why-item { background: var(--card2); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .why-item-title { color: #111; }
html[data-theme="light"] .why-item-desc { color: #666; }

/* ── Tools/Brand row ── */
html[data-theme="light"] .tools-row { border-color: rgba(0,0,0,0.06); }
html[data-theme="light"] .tool-item { color: #666; }
html[data-theme="light"] .tool-item:hover { color: #111; }

/* ── Portfolio / Projects ── */
html[data-theme="light"] .project-card { background: var(--card); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .project-card:hover { border-color: rgba(0,179,86,0.3); }
html[data-theme="light"] .project-tag { color: #888; }
html[data-theme="light"] .project-name { color: #111; }
html[data-theme="light"] .project-desc { color: #666; }
html[data-theme="light"] .proj1 { background: linear-gradient(135deg, #e8e8e8, #d8d8d8) !important; }
html[data-theme="light"] .proj2 { background: linear-gradient(135deg, #fff0ea, #ffe0d0) !important; }
html[data-theme="light"] .proj3 { background: linear-gradient(135deg, #f0e8ff, #e0d0ff) !important; }
html[data-theme="light"] .proj4 { background: linear-gradient(135deg, #e8f8e8, #d0f0d0) !important; }
html[data-theme="light"] .proj5 { background: radial-gradient(ellipse at 50% 80%, #f0f0f0, #e4e4e4) !important; }
html[data-theme="light"] .proj6 { background: linear-gradient(135deg, #f8f4e8, #ede8d8) !important; }
html[data-theme="light"] .section-label { color: var(--accent); }

/* ── Pricing ── */
html[data-theme="light"] .pricing-card { background: var(--card); border-color: rgba(0,0,0,0.1); }
html[data-theme="light"] .pricing-card.featured { border-color: var(--accent); }
html[data-theme="light"] .pricing-name { color: #111; }
html[data-theme="light"] .pricing-desc { color: #666; }
html[data-theme="light"] .pricing-features li { color: #555; }
html[data-theme="light"] .price-tag { color: #0f0f0f; }
html[data-theme="light"] .amount { color: #0f0f0f; }

/* ── Contact ── */
html[data-theme="light"] .contact-section-wrap { background: var(--bg); }
html[data-theme="light"] .section-contact { background: var(--card); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .contact-left h2 { color: #0f0f0f; }
html[data-theme="light"] .cl-sub { color: #666; }
html[data-theme="light"] .check-icon { background: rgba(0,179,86,0.15); color: var(--accent); }
html[data-theme="light"] .contact-checks li { color: #444; }
html[data-theme="light"] .social-btn { background: rgba(0,0,0,0.06); color: #444; border-color: rgba(0,0,0,0.1); }
html[data-theme="light"] .social-btn:hover { background: rgba(0,0,0,0.1); color: #111; }
html[data-theme="light"] .form-group label { color: #444; }
html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group textarea,
html[data-theme="light"] .form-group select {
  background: #f5f4f0;
  border-color: rgba(0,0,0,0.12);
  color: #111;
}
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: rgba(0,179,86,0.4); }
html[data-theme="light"] .form-group select option { background: #fff; color: #111; }
html[data-theme="light"] .service-tag { background: rgba(0,179,86,0.1); color: var(--accent); border-color: rgba(0,179,86,0.2); }

/* ── Footer ── */
html[data-theme="light"] footer { background: #1a1a1a; }
html[data-theme="light"] .footer-cta-band {
  background: linear-gradient(135deg, #e8f8ef 0%, #f8f7f3 60%, #e8f4fc 100%);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
html[data-theme="light"] .footer-cta-band h2 { color: #0f0f0f; }
html[data-theme="light"] .footer-cta-band h2 span { color: var(--accent); }
html[data-theme="light"] .footer-cta-band p { color: #555; }

/* ── Misc ── */
html[data-theme="light"] .badge { background: rgba(0,0,0,0.07); color: #444; }
html[data-theme="light"] .section-title { color: #0f0f0f; }
html[data-theme="light"] .section-sub { color: #666; }
html[data-theme="light"] .arrow-up { color: var(--accent); }

/* ── Blog page ── */
html[data-theme="light"] .blog-card { background: var(--card); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .blog-card:hover { border-color: rgba(0,179,86,0.25); }
html[data-theme="light"] .blog-title { color: #111; }
html[data-theme="light"] .blog-excerpt { color: #666; }
html[data-theme="light"] .blog-meta { color: #999; }
html[data-theme="light"] .filter-bar { background: rgba(248,247,243,0.9); border-bottom-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .filter-pill { background: rgba(0,0,0,0.06); color: #555; }
html[data-theme="light"] .filter-pill.active { background: var(--accent); color: #fff; }
html[data-theme="light"] .filter-pill:hover { background: rgba(0,0,0,0.1); color: #111; }

/* ── Portfolio page ── */
html[data-theme="light"] .portfolio-hero { background: var(--bg); }
html[data-theme="light"] .pf-hero-title { color: #0f0f0f; }
html[data-theme="light"] .pf-stat-val { color: #0f0f0f; }
html[data-theme="light"] .pf-stat-label { color: #888; }
html[data-theme="light"] .pf-card { background: var(--card); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .pf-card:hover { border-color: rgba(0,179,86,0.25); box-shadow: 0 8px 32px rgba(0,0,0,0.08); }
html[data-theme="light"] .pf-card-title { color: #111; }
html[data-theme="light"] .pf-card-meta { color: #888; }

/* ── Service pages ── */
html[data-theme="light"] .service-hero { background: var(--bg); }
html[data-theme="light"] .service-hero h1 { color: #0f0f0f; }
html[data-theme="light"] .service-hero p { color: #666; }
html[data-theme="light"] .feature-card { background: var(--card); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .feature-card h3 { color: #111; }
html[data-theme="light"] .feature-card p { color: #666; }