/* ============================
   VARIABLES GLOBALES
   ============================ */
:root{
  --page-bg:#ffffff;
  --menu-bg:var(--page-bg);
  --shadow:rgba(0,0,0,.12);
  --glow:rgba(0,0,0,.25);
  --menu-border:rgba(0,0,0,.08);
  --text:#111;
  --edge-shift:10%;

  /* Fondo oscuro base */
  --dark-bg:#1E1E1E;

  /* Espaciado */
  --space-s:.5rem;
  --space-m:1rem;
  --space-l:1.5rem;
  --space-xl:2rem;

  /* Campos/botones */
  --radius:12px;
  --field-bg:#fff;
  --field-bd:#ddd;
  --field-tx:#111;
  --btn-bg:#111;
  --btn-tx:#fff;
  --btn-bd:#ddd;

  /* Gold Glass */
  --menu-glass-bg: rgba(212,175,55,.16);
  --menu-glass-tint: rgba(255,255,255,.06);
  --menu-glass-bd: rgba(212,175,55,.35);
  --menu-glass-shadow: 0 12px 28px rgba(0,0,0,.22);
  --menu-link: #000;
  --menu-radius: 12px;
  --menu-blur: 12px;
}
