/* ============================================================
   TES INVENTORY — themes.css  (6 temas)
   ============================================================ */

/* ── DARK (default) ──────────────────────────────────────── */
[data-theme="dark"], :root {
  --bg-void:       #080c14;
  --bg-deep:       #0d1117;
  --bg-card:       #111827;
  --bg-elevated:   #1a2233;
  --bg-hover:      #1f2d42;
  --border:        rgba(56, 139, 253, 0.15);
  --border-bright: rgba(56, 139, 253, 0.4);
  --text-primary:  #e6edf3;
  --text-secondary:#8b949e;
  --text-muted:    #484f58;
  --shadow:        0 4px 24px rgba(0,0,0,0.5);
  color-scheme: dark;
}

/* ── LIGHT ───────────────────────────────────────────────── */
[data-theme="light"] {
  --bg-void:       #f0f4f8;
  --bg-deep:       #ffffff;
  --bg-card:       #ffffff;
  --bg-elevated:   #f0f4f8;
  --bg-hover:      #e2eaf4;
  --border:        rgba(56, 139, 253, 0.2);
  --border-bright: rgba(56, 139, 253, 0.5);
  --text-primary:  #1a2233;
  --text-secondary:#4a5568;
  --text-muted:    #a0aec0;
  --shadow:        0 4px 24px rgba(0,0,0,0.1);
  --accent-blue:   #1a6ef5;
  --accent-cyan:   #0891b2;
  --accent-red:    #dc2626;
  --accent-green:  #16a34a;
  --accent-yellow: #ca8a04;
  --accent-purple: #7c3aed;
  color-scheme: light;
}
[data-theme="light"] body,
[data-theme="light"] html       { background-color: #f0f4f8; color: #1a2233; }
[data-theme="light"] .sidebar   { background: #ffffff; border-right-color: rgba(56,139,253,0.15); }
[data-theme="light"] .topbar    { background: rgba(255,255,255,0.95); border-bottom-color: rgba(56,139,253,0.15); }
[data-theme="light"] .input, [data-theme="light"] .select, [data-theme="light"] textarea
                                 { background: #f8fafc; color: #1a2233; border-color: rgba(56,139,253,0.2); }
[data-theme="light"] .data-table thead th  { background: #f0f4f8; color: #4a5568; }
[data-theme="light"] .data-table tbody tr:hover { background: #e8f0fe; }
[data-theme="light"] .nav-tab   { color: #4a5568; }
[data-theme="light"] .nav-tab:hover { background: #e8f0fe; color: #1a2233; }
[data-theme="light"] .nav-tab.active { background: rgba(26,110,245,0.1); color: #1a6ef5; }
[data-theme="light"] .nav-tab.active::before { background: #1a6ef5; }
[data-theme="light"] .modal     { background: #ffffff; }
[data-theme="light"] .stat-card { background: #ffffff; }
[data-theme="light"] .card      { background: #ffffff; }
[data-theme="light"] .sidebar-section-label { color: #a0aec0; }
[data-theme="light"] .sidebar-user { border-top-color: rgba(56,139,253,0.1); background: #f8fafc; }
[data-theme="light"] .section-toolbar { background: #f8fafc; border-color: rgba(56,139,253,0.1); }

/* ── Theme switcher (solo dark/light) ── */
.theme-btn { border:2px solid transparent; cursor:pointer; transition:all .2s; position:relative; }
.theme-btn:hover { transform:scale(1.2); }
.theme-btn.active { border-color:#fff !important; box-shadow:0 0 8px rgba(255,255,255,.4); }
.theme-btn::after {
  content:attr(data-tip); position:absolute; bottom:calc(100% + 6px); left:50%;
  transform:translateX(-50%) scale(0); background:var(--bg-card); border:1px solid var(--border);
  border-radius:4px; padding:3px 8px; font-size:.68rem; white-space:nowrap; pointer-events:none;
  transition:transform .15s; color:var(--text-primary);
}
.theme-btn:hover::after { transform:translateX(-50%) scale(1); }