/* ============================================================
   TEMA DEFAULT (Clássico / Padrão)
   ============================================================ */

/* ---------- DARK THEME VARIABLES ---------- */
[data-theme="dark"], :root {
  --font-title: 'Plus Jakarta Sans', sans-serif;
  --primary: #8B5CF6;
  --primary-light: #A78BFA;
  --primary-dark: #7C3AED;
  --primary-glow: rgba(139, 92, 246, 0.35);
  --secondary: #EC4899;
  --secondary-light: #F472B6;
  --accent: #06B6D4;

  --bg-base: #22242B;
  --bg-header: rgba(34, 36, 43, 0.92);
  --bg-elevated: #2A2D36;
  --bg-card: #323542;
  --bg-card-hover: #3D4150;
  --bg-input: #383C4A;
  --bg-input-focus: #444959;
  --bg-modal: rgba(38, 41, 51, 0.98);

  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.16);
  --glass-border-hover: rgba(255, 255, 255, 0.28);
  --glass-blur: 20px;

  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-tertiary: #94A3B8;
  --text-inverse: #22242B;

  --success: #10B981;
  --success-bg: rgba(16, 185, 129, 0.18);
  --warning: #F59E0B;
  --warning-bg: rgba(245, 158, 11, 0.18);
  --danger: #EF4444;
  --danger-bg: rgba(239, 68, 68, 0.18);

  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.65);
}

/* ---------- LIGHT THEME VARIABLES ---------- */
[data-theme="light"] {
  --primary: #7C3AED;
  --primary-light: #8B5CF6;
  --primary-dark: #6D28D9;
  --primary-glow: rgba(124, 58, 237, 0.18);
  --secondary: #DB2777;
  --secondary-light: #EC4899;
  --accent: #0891B2;

  --bg-base: #F8FAFC;
  --bg-header: rgba(255, 255, 255, 0.88);
  --bg-elevated: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F1F5F9;
  --bg-input: #F1F5F9;
  --bg-input-focus: #FFFFFF;
  --bg-modal: rgba(255, 255, 255, 0.98);

  --glass-bg: #FFFFFF;
  --glass-border: #E2E8F0;
  --glass-border-hover: #CBD5E1;
  --glass-blur: 16px;

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #64748B;
  --text-inverse: #FFFFFF;

  --success: #059669;
  --success-bg: #ECFDF5;
  --warning: #D97706;
  --warning-bg: #FFFBEB;
  --danger: #DC2626;
  --danger-bg: #FEF2F2;

  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.15);
}

/* ---------- BOTÕES & BADGES ESPECÍFICOS ---------- */
.product-card__add-btn {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: white;
}

.product-card__interest-btn {
  background: linear-gradient(135deg, #16A34A, #22C55E);
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.25);
}

.product-card__interest-btn:hover {
  background: linear-gradient(135deg, #15803D, #16A34A);
  box-shadow: 0 6px 20px rgba(34, 197, 94, 0.45);
}

.product-card__badge {
  background: linear-gradient(135deg, var(--secondary), #DB2777);
  color: white;
}