/* ============================================
   VARIABLES GLOBALES
   ============================================ */

/* --- MODO CLARO (default) --- */
:root {
  --bg:           #eef0f5;
  --surface:      #ffffff;
  --surface2:     #e4e6ef;
  --border:       #d0d2e0;
  --accent:       #229655;
  --accent2:      #4db877;
  --glow:         rgba(34, 150, 85, 0.2);
  --text:         #1a1a2e;
  --text2:        #5a5a7a;
  --text3:        #9090b0;
  --gold:         #f0a500;
  --green:        #16a34a;

  /* Glass variables — modo claro */
  --glass-bg:     rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.75);
  --glass-shine:  rgba(255, 255, 255, 0.9);
  --glass-shadow: rgba(0, 0, 0, 0.08);
  --glass-hover:  rgba(255, 255, 255, 0.4);
  --glass-active:   rgba(255, 255, 255, 0.85);
  --dropdown-bg:    rgba(245, 246, 250, 0.96);

  --header-bg:     rgba(238, 240, 245, 0.8);
  --header-border: rgba(200, 202, 215, 0.6);
  --grid-line:     rgba(34, 150, 85, 0.04);

  --font:         'Rajdhani', sans-serif;
  --gap-sm:       0.5rem;
  --gap-md:       1rem;
  --gap-lg:       1.5rem;
  --gap-xl:       2rem;
  --radius-sm:    3px;
  --radius-md:    5px;
  --transition:   0.2s ease;
}

/* --- MODO OSCURO --- */
[data-theme="dark"] {
  --bg:           #0a0a0f;
  --surface:      #12121a;
  --surface2:     #1a1a26;
  --border:       #252535;
  --accent:       #229655;
  --accent2:      #4db877;
  --glow:         rgba(34, 150, 85, 0.25);
  --text:         #e8e8f0;
  --text2:        #9090b0;
  --text3:        #5a5a7a;
  --gold:         #ffd60a;
  --green:        #4ade80;

  /* Glass variables — modo oscuro */
  --glass-bg:     rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.1);
  --glass-shine:  rgba(255, 255, 255, 0.06);
  --glass-shadow: rgba(0, 0, 0, 0.4);
  --glass-hover:  rgba(255, 255, 255, 0.07);
  --glass-active:   rgba(255, 255, 255, 0.1);
  --dropdown-bg:    rgba(16, 16, 24, 0.96);

  --header-bg:     rgba(10, 10, 15, 0.85);
  --header-border: rgba(255, 255, 255, 0.06);
  --grid-line:     rgba(34, 150, 85, 0.025);
}