/* ============================================================
   FLUJOGYM — Theme Presets
   5 paletas seleccionables desde el selector en la sección Demo.
   IMPORTANTE: estos presets re-skinean SOLO el simulador (#sim-window).
   El resto de la página queda fija en la marca (naranja) — el naranja
   global vive en :root (tokens.css). Las custom props cascadean: dentro
   de #sim-window se sobrescribe --clr-primary*, fuera sigue siendo naranja.
   ============================================================ */

/* Naranja (default — igual al global, explícito para el sim) */
#sim-window[data-theme="orange"] {
  --clr-primary:        #F97316;
  --clr-primary-hover:  #EA6C0A;
  --clr-primary-dark:   #C2570A;
  --clr-primary-light:  #FB923C;
  --clr-primary-subtle: #FFF7ED;
  --clr-primary-glow:   rgba(249,115,22,.20);
  --clr-primary-rgb:    249, 115, 22;
}

/* Azul */
#sim-window[data-theme="blue"] {
  --clr-primary:        #3B82F6;
  --clr-primary-hover:  #2563EB;
  --clr-primary-dark:   #1D4ED8;
  --clr-primary-light:  #60A5FA;
  --clr-primary-subtle: #EFF6FF;
  --clr-primary-glow:   rgba(59,130,246,.22);
  --clr-primary-rgb:    59, 130, 246;
}

/* Verde */
#sim-window[data-theme="green"] {
  --clr-primary:        #10B981;
  --clr-primary-hover:  #059669;
  --clr-primary-dark:   #047857;
  --clr-primary-light:  #34D399;
  --clr-primary-subtle: #ECFDF5;
  --clr-primary-glow:   rgba(16,185,129,.22);
  --clr-primary-rgb:    16, 185, 129;
}

/* Morado */
#sim-window[data-theme="purple"] {
  --clr-primary:        #8B5CF6;
  --clr-primary-hover:  #7C3AED;
  --clr-primary-dark:   #6D28D9;
  --clr-primary-light:  #A78BFA;
  --clr-primary-subtle: #F5F3FF;
  --clr-primary-glow:   rgba(139,92,246,.22);
  --clr-primary-rgb:    139, 92, 246;
}

/* Rojo */
#sim-window[data-theme="red"] {
  --clr-primary:        #EF4444;
  --clr-primary-hover:  #DC2626;
  --clr-primary-dark:   #B91C1C;
  --clr-primary-light:  #F87171;
  --clr-primary-subtle: #FEF2F2;
  --clr-primary-glow:   rgba(239,68,68,.22);
  --clr-primary-rgb:    239, 68, 68;
}
