/* =================================================================== */
/* ===         TUS ESTILOS ORIGINALES (AURORA BLUE)                === */
/* =================================================================== */

:root {
      /* Light Theme Colors */
      --md-sys-primary-light: #00639c;
      --md-sys-on-primary-light: #ffffff;
      /* ... (el resto de tus variables de color originales) ... */
}
/* ... (todo tu CSS original, hasta el final) ... */
#bmc-wbtn { transform: scale(0.9) !important; transform-origin: bottom center !important; }


/* =================================================================== */
/* ===         NUEVO TEMA OPCIONAL: MEDIANOCHE (PURPLE)            === */
/* =================================================================== */

body.theme-midnight {
  /* --- Colores Base --- */
  --md-sys-primary-light: #ab79d9; /* Púrpura principal */
  --md-sys-on-primary-light: #000000;
  --md-sys-primary-container-light: #4a2268;
  --md-sys-on-primary-container-light: #eddcff;
  
  --md-sys-secondary-light: #c8c3d7;
  --md-sys-on-secondary-light: #323040;
  --md-sys-secondary-container-light: #494657;
  --md-sys-on-secondary-container-light: #e5dff4;
  
  /* --- Superficies (Fondos) --- */
  --md-sys-surface-light: #141317; /* Fondo principal de la página */
  --md-sys-on-surface-light: #e6e1e9; /* Texto principal */
  --md-sys-surface-container-light: #211f25; /* Fondo de las tarjetas */
  --md-sys-surface-variant-light: #49454f;
  --md-sys-on-surface-variant-light: #cac4cf; /* Texto secundario */

  /* --- Efecto Aurora Oscuro --- */
  --md-sys-aurora-start-light: #1a151f;
  --md-sys-aurora-end-light: #141317;

  /* --- Outline / Bordes --- */
  --md-sys-outline-light: #332d38;
}

body.theme-midnight.dark {
  --md-sys-primary-dark: var(--md-sys-primary-light);
  --md-sys-on-primary-dark: var(--md-sys-on-primary-light);
  --md-sys-primary-container-dark: var(--md-sys-primary-container-light);
  /* ... (el resto de las variables del tema medianoche que te mostré arriba) ... */
}