/*
:root {
  --bg: #0f0f10;
  --primary: #f59e0b;
  --text: #f9fafb;
  --muted: #9ca3af;
  --card-bg: #18181b;
  --accent: #fbbf24;
  --radius: 16px;
  --shadow: 0 0 40px rgba(245, 158, 11, 0.15);
  --font: 'Inter', sans-serif;
}
*/
/* Tema Quesitos Express */
.theme-quesitos {
  --bg: radial-gradient(circle at 70% 30%, rgba(245, 158, 11, 0.2), transparent 60%), linear-gradient(135deg, #0a0a0a 0%, #1f1f1f 100%);
  --primary: #f59e0b;
  --accent: #fbbf24;
  --text: #fafafa;
  --muted: #9ca3af;
  --card-bg: #18181b;
  --input-bg: #111;
  --input-border: #27272a;
  --button-gradient: linear-gradient(90deg, #f59e0b, #fbbf24);
  --button-text: #000;
  --button-shadow: rgba(245, 158, 11, 0.3);
  --focus-ring: rgba(245, 158, 11, 0.2);
  --radius: 20px;
  --shadow: 0 0 45px rgba(245, 158, 11, 0.25);
  --font: 'Inter', sans-serif;

  --bg-navbar: #FED24D;
  --bg-sidebar: #121E2F;
  --bg-containers: #2F353F;
  --bg-system: linear-gradient(90deg, #192940, #000000);
}


/* Tema XPay */
.theme-xpay {
  --bg: radial-gradient(circle at 70% 30%, rgba(11, 51, 36, 0.2), transparent 60%), linear-gradient(135deg, #0a2d23 0%, #052418 100%);
  --primary: #03a768;
  --accent: #2ecc71;
  --text: #ffffff;
  --muted: #7a9b8e;
  --card-bg: #0f2d23;
  --input-bg: #0a1f1a;
  --input-border: #1a4d3a;
  --button-gradient: linear-gradient(90deg, #03a768, #2ecc71);
  --button-text: #ffffff;
  --button-shadow: rgba(3, 167, 104, 0.3);
  --focus-ring: rgba(3, 167, 104, 0.2);
  --radius: 18px;
  --shadow: 0 0 30px rgba(3, 167, 104, 0.25);
  --font: 'Poppins', sans-serif;

  --bg-navbar: #FED24D;
  --bg-sidebar: #121E2F;
  --bg-containers: #2F353F;
  --bg-system: #fafafa;
}



/* Tema Dark Emerald */
.theme-emerald {
  --bg: #0a0f0c;
  --primary: #10b981;
  --accent: #34d399;
  --text: #ecfdf5;
  --muted: #6ee7b7;
  --card-bg: #052e16;
  --radius: 14px;
  --shadow: 0 0 35px rgba(16, 185, 129, 0.25);
  --font: 'Nunito Sans', sans-serif;
}

/* Tema Clean Light */
.theme-light {
  --bg: #f9fafb;
  --primary: #2563eb;
  --accent: #3b82f6;
  --text: #111827;
  --muted: #6b7280;
  --card-bg: #ffffff;
  --radius: 12px;
  --shadow: 0 0 20px rgba(37, 99, 235, 0.1);
  --font: 'Inter', sans-serif;
}