/* ═══════════════════════════════════════════════════════════════
   FINANZAPP BIZ — THEMES (LIGHT)
   IDEALO Studios: Blanco + Amarillo dorado #F5C518 + Navy #1A1A4E
   MIT Services:   Blanco + Verde #00A651 + Negro #0A0A0A
═══════════════════════════════════════════════════════════════ */

/* ── IDEALO THEME ─────────────────────────────────────────── */
[data-store="idealo"] {
  --accent:        #F5C518;
  --accent-dark:   #d4a800;
  --accent-light:  #ffe066;
  --accent-rgb:    245, 197, 24;
  --accent-glow:   rgba(245, 197, 24, 0.5);

  --primary:       #1A1A4E;
  --primary-rgb:   26, 26, 78;

  --bg:            #FFFFFF;
  --bg2:           #F4F4FB;
  --bg3:           #EAEAF5;
  --bg4:           #DDDDF0;
  --card:          #FFFFFF;
  --card-hover:    #F8F8FD;

  --text:          #1A1A4E;
  --text2:         #3B3B72;
  --text3:         #7878AA;

  --border:        rgba(26, 26, 78, 0.12);
  --border2:       rgba(26, 26, 78, 0.08);

  --success:       #2e7d32;
  --danger:        #c62828;
  --warning:       #e65100;
  --info:          #1565c0;

  --shadow:        0 4px 24px rgba(26, 26, 78, 0.12);
  --shadow-card:   0 2px 10px rgba(26, 26, 78, 0.08);
  --shadow-accent: 0 0 30px rgba(245, 197, 24, 0.35);

  --sidebar-w:     240px;
  --header-h:      64px;
  --radius:        12px;
  --radius-sm:     8px;
  --radius-lg:     20px;
}

/* ── MIT THEME — DARK MODE (Stripe/Vercel style) ─────────────── */
[data-store="mit"] {
  --accent:        #00C65E;
  --accent-dark:   #00a851;
  --accent-light:  #7effa6;
  --accent-rgb:    0, 198, 94;
  --accent-glow:   rgba(0, 198, 94, 0.40);

  --primary:       #00C65E;
  --primary-rgb:   0, 198, 94;

  --bg:            #0A0A0A;
  --bg2:           #111111;
  --bg3:           #1A1A1A;
  --bg4:           #232323;
  --card:          #141414;
  --card-hover:    #1E1E1E;

  --text:          #FAFAFA;
  --text2:         #A1A1AA;
  --text3:         #52525B;

  --border:        rgba(255, 255, 255, 0.08);
  --border2:       rgba(255, 255, 255, 0.05);

  --success:       #3dff9b;
  --danger:        #ff6b6b;
  --warning:       #ffb030;
  --info:          #80b8ff;

  --shadow:        0 4px 24px rgba(0, 0, 0, 0.55);
  --shadow-card:   0 2px 10px rgba(0, 0, 0, 0.40);
  --shadow-accent: 0 0 30px rgba(0, 198, 94, 0.35);

  --sidebar-w:     240px;
  --header-h:      64px;
  --radius:        12px;
  --radius-sm:     8px;
  --radius-lg:     20px;
}

/* ── BULB SWITCH ──────────────────────────────────────────── */
.bulb-switch {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 50px;
  padding: 4px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

[data-store="idealo"] .bulb-switch {
  background: rgba(26, 26, 78, 0.08);
  border: 1.5px solid rgba(26, 26, 78, 0.15);
}

[data-store="mit"] .bulb-switch {
  background: rgba(255, 255, 255, 0.07);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
}

.bulb-slider {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc(50% - 4px);
  border-radius: 44px;
  transition: transform 0.35s cubic-bezier(0.34, 1.4, 0.64, 1),
              background 0.35s ease,
              box-shadow 0.35s ease;
  pointer-events: none;
}

[data-store="idealo"] .bulb-slider {
  background: linear-gradient(135deg, #F5C518, #e6b000);
  box-shadow: 0 2px 12px rgba(245, 197, 24, 0.6), 0 0 30px rgba(245, 197, 24, 0.25);
}

[data-store="mit"] .bulb-slider {
  background: linear-gradient(135deg, #00c65e, #009944);
  box-shadow: 0 2px 12px rgba(0, 166, 81, 0.5), 0 0 30px rgba(0, 166, 81, 0.2);
  transform: translateX(100%);
}

.bulb-option {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 44px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  transition: color 0.3s ease;
  white-space: nowrap;
  min-width: 100px;
  justify-content: center;
}

/* IDEALO: active side = navy text on gold, inactive = muted navy */
[data-store="idealo"] .bulb-option[data-opt="idealo"] { color: #1A1A4E; }
[data-store="idealo"] .bulb-option[data-opt="mit"]    { color: rgba(26, 26, 78, 0.45); }

/* MIT: active side = white text on green, inactive = muted white */
[data-store="mit"] .bulb-option[data-opt="mit"]    { color: #fff; }
[data-store="mit"] .bulb-option[data-opt="idealo"] { color: rgba(255, 255, 255, 0.35); }

.bulb-icon {
  width: 15px;
  height: 15px;
  transition: opacity 0.3s ease;
}

[data-store="idealo"] .bulb-option[data-opt="mit"] .bulb-icon    { opacity: 0.35; }
[data-store="mit"]    .bulb-option[data-opt="idealo"] .bulb-icon { opacity: 0.35; }

/* ── THEME TRANSITION ────────────────────────────────────── */
.theme-transition * {
  transition: background-color 0.35s ease, color 0.35s ease,
              border-color 0.35s ease, box-shadow 0.35s ease !important;
}