
:root {
  --bg-main:#f8fafc;--bg-navbar:#ffffff;--bg-sidebar:#f1f5f9;--bg-card:#ffffff;
  --text-primary:#0f172a;--text-secondary:#475569;
  --accent-primary:#3b82f6;--accent-secondary:#06b6d4;
  --glow-shadow:rgba(59,130,246,0.15);--soft-border:#e2e8f0;
  --ease:220ms cubic-bezier(.22,.61,.36,1);
  --elev-1:0 4px 16px rgba(0,0,0,0.06);--elev-2:0 8px 24px rgba(0,0,0,0.08);
  --btn-bg:#3b82f6;--btn-hover-text:#ffffff;
  --text:#0f172a;--muted:#64748b;--text-2:#475569;--surface-2:#f8fafc;--line:#e2e8f0;--line-h:#cbd5e1;
}
[data-theme="dark"]{
  --bg-main:#0b1120;--bg-navbar:#0f172a;--bg-sidebar:#1e293b;--bg-card:#1e293b;
  --text-primary:#f1f5f9;--text-secondary:#94a3b8;
  --accent-primary:#60a5fa;--accent-secondary:#22d3ee;
  --glow-shadow:rgba(96,165,250,0.15);--soft-border:#1e293b;
  --elev-1:0 4px 16px rgba(0,0,0,0.2);--elev-2:0 8px 24px rgba(0,0,0,0.3);
  --btn-bg:#60a5fa;
  --text:#f1f5f9;--muted:#94a3b8;--text-2:#94a3b8;--surface-2:#1e293b;--line:#334155;--line-h:#475569;
}
[data-theme="dark"] body{background:#0b1120;color:#f1f5f9;}
[data-theme="dark"] .hero{background:linear-gradient(180deg,#0b1120 0%,#0f172a 50%,#1e293b 100%);}
[data-theme="dark"] .hero h1{color:#f1f5f9;}
[data-theme="dark"] .hero-rotator{color:#f1f5f9;}
[data-theme="dark"] .hero h1 .gradient-text{-webkit-text-fill-color:transparent;}
[data-theme="dark"] .hero-sub{color:#94a3b8;}

[data-theme="dark"] .stat-num{color:#f1f5f9;}
[data-theme="dark"] .stat-label{color:#94a3b8;}
[data-theme="dark"] .btn-secondary{background:#1e293b;color:#e2e8f0;border-color:#334155;}
[data-theme="dark"] .btn-secondary:hover{border-color:#60a5fa;color:#60a5fa;}
[data-theme="dark"] .search-box{background:#1e293b;border-color:#334155;}
[data-theme="dark"] .search-box input{color:#f1f5f9;}
[data-theme="dark"] .search-box input::placeholder{color:#94a3b8;}
[data-theme="dark"] .search-results{background:#1e293b;border-color:#334155;}
[data-theme="dark"] .search-result-item{border-bottom-color:#334155;}
[data-theme="dark"] .search-result-item:hover{background:#253244;}
[data-theme="dark"] .search-result-item .sr-info h3{color:#f1f5f9;}
[data-theme="dark"] .search-result-item .sr-info p{color:#94a3b8;}
[data-theme="dark"] .search-no-results{color:#94a3b8;}
[data-theme="dark"] .hero::before{background:radial-gradient(circle,rgba(96,165,250,0.08) 0%,transparent 70%);}
[data-theme="dark"] .hero::after{background:radial-gradient(circle,rgba(139,92,246,0.06) 0%,transparent 70%);}
[data-theme="dark"] .section-header h2{color:#f1f5f9;}
[data-theme="dark"] .section-header p{color:#94a3b8;}
[data-theme="dark"] .category-card{background:linear-gradient(135deg, rgba(var(--cat-glow),0.18), rgba(var(--cat-glow),0.05)), #1e293b;border-color:rgba(var(--cat-glow),0.32);box-shadow:0 2px 14px rgba(0,0,0,0.35);}
[data-theme="dark"] .category-card:hover{background:linear-gradient(135deg, rgba(var(--cat-glow),0.22), rgba(var(--cat-glow),0.07)), #1e293b;border-color:rgba(var(--cat-glow),0.45);box-shadow:0 4px 16px rgba(0,0,0,0.15);}
[data-theme="dark"] .category-card h3{color:#f1f5f9;}
[data-theme="dark"] .category-card p{color:#94a3b8;}
[data-theme="dark"] .cat-count{background:rgba(100,116,139,0.15);color:#94a3b8;}
[data-theme="dark"] .cat-arrow{background:var(--cat-gradient);color:#fff;box-shadow:0 3px 12px rgba(var(--cat-glow),0.45);}
[data-theme="dark"] .category-card:hover .cat-arrow{filter:brightness(1.12);transform:translateX(4px);color:#fff;}
[data-theme="dark"] .tools-panel-header h2{color:#f1f5f9;}
[data-theme="dark"] .back-btn{background:#334155;color:#94a3b8;border-color:#475569;}
[data-theme="dark"] .back-btn:hover{background:#475569;color:#e2e8f0;}
[data-theme="dark"] .tool-card-new{background:#1e293b;border-color:#334155;}
[data-theme="dark"] .tool-card-new:hover{border-color:#60a5fa;}
[data-theme="dark"] .tool-card-new .tc-info h4{color:#f1f5f9;}
[data-theme="dark"] .tool-card-new .tc-info p{color:#94a3b8;}
[data-theme="dark"] .tool-card-new .tc-arrow{background:#334155;color:#94a3b8;}
[data-theme="dark"] .features-section{background:#0f172a;border-color:#1e293b;}
[data-theme="dark"] .feature-item{background:#1e293b;border-color:#334155;}
[data-theme="dark"] .feature-item:hover{border-color:#475569;box-shadow:0 16px 40px rgba(0,0,0,0.35);}
[data-theme="dark"] .feature-item h3{color:#f1f5f9;}
[data-theme="dark"] .feature-item p{color:#94a3b8;}
[data-theme="dark"] .fi-blue{background:rgba(96,165,250,0.12);border-color:rgba(96,165,250,0.25);}
[data-theme="dark"] .fi-purple{background:rgba(139,92,246,0.12);border-color:rgba(139,92,246,0.25);}
[data-theme="dark"] .fi-green{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.25);}
[data-theme="dark"] .faq-item{border-color:#1e293b;}
[data-theme="dark"] .faq-q{color:#f1f5f9;}
[data-theme="dark"] .faq-q:hover{color:#60a5fa;}
[data-theme="dark"] .faq-a p{color:#94a3b8;}
[data-theme="dark"] .faq-q svg{color:#94a3b8;}
[data-theme="dark"] .search-box svg{color:#94a3b8;}

[data-theme="dark"] .popular-tool-info p{color:#94a3b8;}
[data-theme="dark"] .cat-page-overlay{background:#0b1120;}
[data-theme="dark"] .cat-page-header{background:rgba(15,23,42,0.9);border-color:#1e293b;}
[data-theme="dark"] .cat-page-header h2{color:#f1f5f9;}
[data-theme="dark"] .cat-page-close{background:#1e293b;border-color:#334155;color:#94a3b8;}
[data-theme="dark"] .cat-page-close:hover{background:#334155;color:#f1f5f9;}
[data-theme="dark"] .footer{background:#0f172a;}
[data-theme="dark"] .footer-bottom{border-color:#1e293b;}
