/* /home/ubuntu/Hosting/Host2/panel/public/css/themes.css */

/* Base Dark Theme (Default) */
:root, .theme-dark {
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-card: rgba(24, 24, 27, 0.65);
  --bg-sidebar: rgba(24, 24, 27, 0.95);
  --bg-input: rgba(39, 39, 42, 0.9);
  --bg-console: rgba(9, 9, 11, 0.95);
  --bg-radial-start: #18181b;
  --bg-radial-end: #09090b;
  --accent-primary: #3b82f6;
  --accent-secondary: #1d4ed8;
  --accent-glow: rgba(59, 130, 246, 0.2);
  --accent-rgb: 59, 130, 246;
  --text-primary: #f4f4f5;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-accent: rgba(59, 130, 246, 0.4);
  --accent-danger: #ef4444;
  --accent-success: #10b981;
  --shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

/* Light Theme */
.theme-light {
  --bg-primary: #f8fafc;
  --bg-secondary: #f1f5f9;
  --bg-card: rgba(255, 255, 255, 0.7);
  --bg-sidebar: rgba(241, 245, 249, 0.95);
  --bg-input: rgba(255, 255, 255, 0.9);
  --bg-console: rgba(15, 23, 42, 0.98);
  --bg-radial-start: #e2e8f0;
  --bg-radial-end: #f8fafc;
  --accent-primary: #3b82f6;
  --accent-secondary: #1d4ed8;
  --accent-glow: rgba(59, 130, 246, 0.15);
  --accent-rgb: 59, 130, 246;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --border-subtle: rgba(15, 23, 42, 0.08);
  --border-accent: rgba(59, 130, 246, 0.3);
  --accent-danger: #ef4444;
  --accent-success: #10b981;
  --shadow-panel: 0 8px 32px 0 rgba(15, 23, 42, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

/* Red Theme */
.theme-red {
  --bg-primary: #050202;
  --bg-secondary: #0d0505;
  --bg-card: rgba(15, 5, 5, 0.6);
  --bg-sidebar: rgba(10, 3, 3, 0.95);
  --bg-input: rgba(10, 3, 3, 0.85);
  --bg-console: rgba(5, 2, 2, 0.95);
  --bg-radial-start: #220303;
  --bg-radial-end: #050202;
  --accent-primary: #ff2a2a;
  --accent-secondary: #aa0000;
  --accent-glow: rgba(255, 42, 42, 0.25);
  --accent-rgb: 255, 42, 42;
  --text-primary: #ffffff;
  --text-secondary: #cca3a3;
  --text-muted: #885e5e;
  --border-subtle: rgba(255, 42, 42, 0.15);
  --border-accent: rgba(255, 42, 42, 0.4);
  --accent-danger: #ff3333;
  --accent-success: #00ff66;
  --shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

/* Blue Theme */
.theme-blue {
  --bg-primary: #010409;
  --bg-secondary: #0d1117;
  --bg-card: rgba(5, 11, 23, 0.6);
  --bg-sidebar: rgba(5, 10, 20, 0.95);
  --bg-input: rgba(5, 10, 20, 0.85);
  --bg-console: rgba(2, 5, 12, 0.95);
  --bg-radial-start: #001329;
  --bg-radial-end: #010409;
  --accent-primary: #00a2ff;
  --accent-secondary: #0055b3;
  --accent-glow: rgba(0, 162, 255, 0.25);
  --accent-rgb: 0, 162, 255;
  --text-primary: #ffffff;
  --text-secondary: #9ccdff;
  --text-muted: #537ca3;
  --border-subtle: rgba(0, 162, 255, 0.15);
  --border-accent: rgba(0, 162, 255, 0.4);
  --accent-danger: #ff4d4d;
  --accent-success: #00ff88;
  --shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

/* Violet Theme */
.theme-violet {
  --bg-primary: #04010a;
  --bg-secondary: #0f051c;
  --bg-card: rgba(10, 5, 20, 0.6);
  --bg-sidebar: rgba(8, 3, 15, 0.95);
  --bg-input: rgba(8, 3, 15, 0.85);
  --bg-console: rgba(4, 2, 8, 0.95);
  --bg-radial-start: #180029;
  --bg-radial-end: #04010a;
  --accent-primary: #b026ff;
  --accent-secondary: #6700ab;
  --accent-glow: rgba(176, 38, 255, 0.25);
  --accent-rgb: 176, 38, 255;
  --text-primary: #ffffff;
  --text-secondary: #dfaeff;
  --text-muted: #835aab;
  --border-subtle: rgba(176, 38, 255, 0.15);
  --border-accent: rgba(176, 38, 255, 0.4);
  --accent-danger: #ff3399;
  --accent-success: #33ff99;
  --shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

/* General body styles that depend on theme variables */
body {
  background-color: var(--bg-primary);
  background-image: url('/fondo.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--text-primary);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 162, 255, 0.08); /* Leve tinte azul */
  backdrop-filter: blur(6px); /* Leve desenfoque */
  -webkit-backdrop-filter: blur(6px);
  z-index: -1;
  pointer-events: none;
}

.force-password-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
}

#toast-container {
  z-index: 10000000;
}