/* Light theme: dark ye default, ivi data-theme="light" unnappudu matrame apply avtayi */

:root[data-theme="dark"]{ color-scheme: dark; }

:root[data-theme="light"]{
  color-scheme: light;
  --bg:            #F4F6FB;
  --bg-elevated:   #FFFFFF;
  --card:          #FFFFFF;
  --card-hover:    #F1F3F9;
  --border:        rgba(15,23,42,0.10);
  --border-soft:   rgba(15,23,42,0.06);

  --primary-soft:  rgba(108,99,255,0.12);

  --text:          #0F172A;
  --text-secondary:#475569;
  --text-faint:    #64748B;

  --shadow-sm: 0 2px 10px rgba(15,23,42,0.08);
  --shadow-md: 0 8px 24px rgba(15,23,42,0.12);
  --shadow-glow: 0 8px 30px rgba(108,99,255,0.18);
}

/* Home page cards, hover, glow */
:root[data-theme="light"] .app-shell::before{ opacity:.45; }
:root[data-theme="light"] .quick-card:hover,
:root[data-theme="light"] .tool-card-v2:hover,
:root[data-theme="light"] .category-card:hover{ border-color: rgba(15,23,42,0.20); }
:root[data-theme="light"] .fav-btn{ background: rgba(15,23,42,0.06); }
:root[data-theme="light"] .continue-label{ color:#0891B2; }
:root[data-theme="light"] .continue-progress{ background: conic-gradient(#0891B2 var(--pct,65%), rgba(15,23,42,0.12) 0); }
:root[data-theme="light"] .bottom-nav{ background: rgba(255,255,255,0.92); }
:root[data-theme="light"] .topbar{ background: rgba(255,255,255,0.8); }
:root[data-theme="light"] .footer-social a{ color:#475569 !important; }

/* Top navigation bar */
:root[data-theme="light"] .ct-nav{ background: rgba(255,255,255,0.85); border-bottom:1px solid rgba(15,23,42,0.08); }
:root[data-theme="light"] .ct-logo{ color:#0F172A; }
:root[data-theme="light"] .ct-menu a{ color: rgba(15,23,42,0.75); }
:root[data-theme="light"] .ct-menu a:hover{ background: rgba(15,23,42,0.06); color:#0F172A; }
:root[data-theme="light"] .ct-menu a.ct-cta{ color:#fff; }
:root[data-theme="light"] .ct-burger{ border-color: rgba(15,23,42,0.15); background: rgba(15,23,42,0.05); }
:root[data-theme="light"] .ct-burger span{ background:#0F172A; }
:root[data-theme="light"] .theme-toggle{ border-color: rgba(15,23,42,0.15); background: rgba(15,23,42,0.05); color:#0F172A; }
:root[data-theme="light"] .theme-toggle:hover{ background: rgba(15,23,42,0.1); }

@media (max-width:760px){
  :root[data-theme="light"] .ct-menu{ background: rgba(255,255,255,0.98); border-bottom:1px solid rgba(15,23,42,0.08); }
}

/* Tool pages: inline dark colors ni light ki override */
:root[data-theme="light"] .faq-section h2{ color:#0F172A !important; }
:root[data-theme="light"] .faq-section details{ background:#FFFFFF !important; border-color: rgba(15,23,42,0.12) !important; }
:root[data-theme="light"] .faq-section summary{ color:#4F46E5 !important; }
:root[data-theme="light"] .faq-section details p{ color:#475569 !important; }
:root[data-theme="light"] .seo-block a{ color:#4F46E5 !important; }
:root[data-theme="light"] .seo-block h2{ color:#475569; }
:root[data-theme="light"] .home-footer a{ color:#475569; }
:root[data-theme="light"] .nav-item.active{ color:#4F46E5; }

/* Toggle button (inner pages) */
.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;font-size:18px;line-height:1;cursor:pointer;margin-left:10px;display:inline-flex;align-items:center;justify-content:center}
.theme-toggle:hover{background:rgba(255,255,255,.14)}
@media (max-width:860px){.theme-toggle{margin-left:auto;margin-right:8px}}

/* Tools dropdown in light mode */
:root[data-theme="light"] .ct-dd-btn{ color: rgba(15,23,42,0.75); }
:root[data-theme="light"] .ct-dd-btn:hover{ background: rgba(15,23,42,0.06); color:#0F172A; }
:root[data-theme="light"] .ct-menu a.active,
:root[data-theme="light"] .ct-dd-btn.active{ color:#0F172A; background: rgba(15,23,42,0.08); }
:root[data-theme="light"] .ct-dd-menu{ background:#FFFFFF; border-color: rgba(15,23,42,0.12); box-shadow:0 18px 40px rgba(15,23,42,0.15); }
:root[data-theme="light"] .ct-dd-menu a.ct-all{ color:#4F46E5; border-top-color: rgba(15,23,42,0.08); }

/* Blog + shared extra tokens (light) */
:root[data-theme="light"]{
  --text-body:#334155;
  --accent:#0891B2;
  --accent-soft:rgba(8,145,178,0.12);
  --shadow-lg:0 16px 48px rgba(15,23,42,0.16);
}
:root[data-theme="light"] body::before{ opacity:.5; }
:root[data-theme="light"] .topic-pill:hover{ border-color: rgba(15,23,42,0.25); }
:root[data-theme="light"] .post-card:hover,
:root[data-theme="light"] .featured-card:hover{ border-color: rgba(15,23,42,0.22); }
:root[data-theme="light"] .like-btn:hover{ border-color: rgba(15,23,42,0.25); }
:root[data-theme="light"] .post-body a{ text-decoration-color: rgba(8,145,178,0.4); }

/* Blog (blog-editorial.css) light overrides */
:root[data-theme="light"]{
  --mg-bg:#F4F6FB;
  --mg-card:#FFFFFF;
  --mg-ink:#0F172A;
  --mg-muted:#475569;
  --mg-line:rgba(15,23,42,.12);
  --mg-accent:#0891B2;
}
:root[data-theme="light"] body #featured-slot .tag-chip{ color:#22d3ee !important; }
:root[data-theme="light"] body #featured-slot .card-meta{ color:rgba(244,242,236,.7); }
:root[data-theme="light"] body #featured-slot .featured-label{ color:#a5b4fc; }

/* Blog post page */
:root[data-theme="light"] body .post #post-title,
:root[data-theme="light"] body .post-body h2,
:root[data-theme="light"] body .post-body h3,
:root[data-theme="light"] body .post-body strong,
:root[data-theme="light"] body .post-body > p:first-of-type{ color:#0F172A; }
:root[data-theme="light"] body .post-body{ color:#1E293B; }
:root[data-theme="light"] body .post-body code{ background:rgba(15,23,42,.07); }

/* Text-body / accent tokens used by blog.css */
:root[data-theme="light"]{
  --text-body:#334155;
  --accent:#0891B2;
  --accent-soft:rgba(8,145,178,0.12);
  --shadow-lg:0 16px 48px rgba(15,23,42,0.16);
}
:root[data-theme="light"] body::before{ opacity:.5; }
:root[data-theme="light"] .topic-pill:hover{ border-color: rgba(15,23,42,0.25); }
:root[data-theme="light"] .like-btn:hover{ border-color: rgba(15,23,42,0.25); }

/* Toggle button: anni pages lo box style (v2-home override ni beat chestundi) */
.ct-nav .theme-toggle{
  width:40px;height:40px;border-radius:12px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#fff;font-size:18px;line-height:1;cursor:pointer;
  margin-left:10px;
  display:inline-flex;align-items:center;justify-content:center;
}
.ct-nav .theme-toggle:hover{ background:rgba(255,255,255,.14); }

/* Content links visible ga */
.content-card a,
.seo-block a:not(.cta-link-v2){
  color: var(--accent, #00D4FF);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.content-card a:hover{ opacity:.8; }