/* ════════════════════════════════════════
   TEMA AERO — Azules celestes, Apple style
   Glassmorphism, cielo, sin nada morado
════════════════════════════════════════ */

[data-theme="aero"] {
  --bg-app:         #e4f2fc;
  --bg-sidebar:     rgba(8, 22, 50, 0.94);
  --bg-card:        rgba(255,255,255,0.78);
  --bg-topbar:      rgba(255,255,255,0.76);
  --bg-input:       rgba(230,245,255,0.92);
  --bg-hover:       rgba(14,165,233,0.07);
  --bg-active:      rgba(14,165,233,0.14);

  --text-primary:   #083550;
  --text-secondary: #5a8aaa;
  --text-sidebar:   rgba(210,238,255,0.92);
  --text-sidebar-m: rgba(120,180,220,0.50);
  --text-on-accent: #ffffff;

  --accent:         #0ea5e9;
  --accent-2:       #38bdf8;
  --accent-light:   rgba(14,165,233,0.13);

  --border:         rgba(147,210,245,0.55);
  --border-input:   rgba(120,195,240,0.60);
  --sidebar-border: rgba(255,255,255,0.07);

  --shadow-sm:  0 2px 8px rgba(8,80,160,0.07);
  --shadow-md:  0 8px 24px rgba(8,80,160,0.12);
  --shadow-lg:  0 20px 60px rgba(8,80,160,0.17);

  --glass-bg:     rgba(255,255,255,0.75);
  --glass-border: rgba(255,255,255,0.60);
  --glass-blur:   20px;

  --login-bg:          linear-gradient(145deg, #b8ddf5 0%, #d6eeff 40%, #c4e6fa 70%, #daf2ff 100%);
  --login-card-bg:     rgba(255,255,255,0.76);
  --login-card-border: rgba(160,215,248,0.60);

  --orb-1: radial-gradient(circle, #0ea5e9 0%, transparent 70%);
  --orb-2: radial-gradient(circle, #38bdf8 0%, transparent 70%);
  --orb-3: radial-gradient(circle, #7dd3fc 0%, transparent 70%);
}

/* Glass cards */
[data-theme="aero"] .card,
[data-theme="aero"] .stat-card {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255,255,255,0.78);
  border-color: rgba(190,230,252,0.65);
}
[data-theme="aero"] .card:hover,
[data-theme="aero"] .stat-card:hover {
  box-shadow: 0 8px 28px rgba(14,165,233,0.14);
  border-color: rgba(14,165,233,0.3);
}

/* Sidebar dark blue */
[data-theme="aero"] .sidebar {
  background: rgba(8,22,50,0.94);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Topbar glass */
[data-theme="aero"] .topbar {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: rgba(255,255,255,0.76);
  border-bottom: 1px solid rgba(147,210,245,0.40);
}

/* App bg */
[data-theme="aero"] body.app-body {
  background: linear-gradient(145deg, #d0ebfa 0%, #e2f4ff 45%, #cbecfa 100%);
}

/* Login card glass */
[data-theme="aero"] .login-card {
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

/* Buttons — cyan gradient */
[data-theme="aero"] .btn-primary {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  box-shadow: 0 4px 14px rgba(14,165,233,0.38);
}
[data-theme="aero"] .btn-primary:hover {
  background: linear-gradient(135deg, #0284c7, #0ea5e9);
  box-shadow: 0 6px 20px rgba(14,165,233,0.48);
}

/* Nav active — cyan */
[data-theme="aero"] .nav-item.active {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  box-shadow: 0 2px 12px rgba(14,165,233,0.35);
  color: #fff;
}
[data-theme="aero"] .nav-item:hover {
  background: rgba(14,165,233,0.12);
  color: #7dd3fc;
}

/* Logo */
[data-theme="aero"] .logo-icon {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
  box-shadow: 0 4px 14px rgba(14,165,233,0.40);
}

/* Avatars */
[data-theme="aero"] .user-avatar,
[data-theme="aero"] .empresa-avatar,
[data-theme="aero"] .topbar-avatar {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
}

/* Text accents */
[data-theme="aero"] .empresa-plan { color: #7dd3fc; }
[data-theme="aero"] .user-role    { color: #7dd3fc; }
[data-theme="aero"] .nav-tag.new  { background: rgba(14,165,233,0.18); color: #7dd3fc; }

/* Inputs */
[data-theme="aero"] .input-wrapper input:focus {
  border-color: #0ea5e9;
  box-shadow: 0 0 0 3px rgba(14,165,233,0.16);
}

/* Table */
[data-theme="aero"] thead th {
  background: rgba(230,245,255,0.7);
  color: #5a8aaa;
}

/* Stat icons */
[data-theme="aero"] .stat-icon.purple { background: rgba(14,165,233,0.12); color: #0ea5e9; }
[data-theme="aero"] .stat-icon.blue   { background: rgba(56,189,248,0.12); color: #38bdf8; }
[data-theme="aero"] .stat-icon.green  { background: rgba(34,197,94,0.11);  color: #22c55e; }
[data-theme="aero"] .stat-icon.amber  { background: rgba(245,158,11,0.11); color: #f59e0b; }

/* Theme dot */
.theme-dot-btn[data-theme="aero"] { background: #0ea5e9; }

/* Badge accents */
[data-theme="aero"] .badge-purple { background: rgba(14,165,233,0.12); color: #0ea5e9; }

/* Logo + devby on dark sidebar */
[data-theme="aero"] #sidebar-logo-img {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}
[data-theme="aero"] .sidebar-devby img {
  filter: brightness(0) invert(1);
  opacity: 0.40;
}