/* ═══════════════════════════════════════════════════════════════
   TOOL-HUB – DARK THEME
   data-theme="dark"
   Only CSS Custom Properties – no structural rules here.
═══════════════════════════════════════════════════════════════ */

[data-theme="dark"] {
  --th-body-bg:       #0d1117;

  --th-sidebar-bg:    rgba(22,30,46,0.95);
  --th-sidebar-bd:    rgba(255,255,255,0.06);
  --th-sidebar-blur:  0px;

  --th-topbar-bg:     rgba(18,26,40,0.98);
  --th-topbar-bd:     rgba(255,255,255,0.06);

  --th-card-bg:       rgba(22,30,46,0.95);
  --th-card-bd:       rgba(255,255,255,0.07);
  --th-card-blur:     0px;

  --th-text:          #f1f5f9;
  --th-text-2:        #cbd5e1;
  --th-text-muted:    #64748b;
  --th-text-faint:    #475569;

  --th-divider:       rgba(255,255,255,0.05);
  --th-divider-hard:  rgba(255,255,255,0.08);
  --th-border:        rgba(255,255,255,0.08);

  --th-shadow:        0 2px 8px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.3);
  --th-shadow-sm:     0 1px 4px rgba(0,0,0,0.3);
  --th-shadow-card:   0 1px 3px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.2);

  --th-input-bg:      rgba(255,255,255,0.05);
  --th-input-bd:      rgba(255,255,255,0.10);

  --th-row-hover:     rgba(255,255,255,0.04);
  --th-bg-soft:       rgba(255,255,255,0.04);
  --th-code-bg:       rgba(0,0,0,0.3);

  --th-radius:        8px;
  --th-radius-lg:     12px;

  /* Login-Hintergrund */
  --th-login-bg:      linear-gradient(175deg,#050d1f 0%,#071226 30%,#0c1a35 65%,#0f2044 100%);
  --th-login-icon:    rgba(96,165,250,0.07);
  --th-login-glow:    rgba(96,165,250,0.12);
}

/* ── Tool Color Overrides (Dark) ── */

[data-tool-color="blue"][data-theme="dark"] {
  --tc:       #60a5fa;
  --tc-soft:  rgba(96,165,250,.12);
  --tc-mid:   rgba(96,165,250,.20);
  --tc-text:  #93c5fd;
  --tc-grad:  linear-gradient(135deg,#3b82f6,#0891b2);
}

[data-tool-color="teal"][data-theme="dark"] {
  --tc:       #2dd4bf;
  --tc-soft:  rgba(45,212,191,.12);
  --tc-mid:   rgba(45,212,191,.20);
  --tc-text:  #5eead4;
  --tc-grad:  linear-gradient(135deg,#0d9488,#059669);
}

[data-tool-color="violet"][data-theme="dark"] {
  --tc:       #a78bfa;
  --tc-soft:  rgba(167,139,250,.12);
  --tc-mid:   rgba(167,139,250,.20);
  --tc-text:  #c4b5fd;
  --tc-grad:  linear-gradient(135deg,#7c3aed,#be185d);
}

[data-tool-color="orange"][data-theme="dark"] {
  --tc:       #fb923c;
  --tc-soft:  rgba(251,146,60,.12);
  --tc-mid:   rgba(251,146,60,.20);
  --tc-text:  #fdba74;
  --tc-grad:  linear-gradient(135deg,#ea580c,#ca8a04);
}

[data-tool-color="rose"][data-theme="dark"] {
  --tc:       #fb7185;
  --tc-soft:  rgba(251,113,133,.12);
  --tc-mid:   rgba(251,113,133,.20);
  --tc-text:  #fda4af;
  --tc-grad:  linear-gradient(135deg,#e11d48,#7e22ce);
}