/* =========================================
   MONETIX - THEME VARIABLES
   Extracted from index.html <style> block
   ========================================= */

:root {
    /* Variables Glassmorphism (Modo Claro) */
    --glass-bg: rgba(255, 255, 255, 0.95);
    --glass-border: rgba(255, 255, 255, 0.8);
    --glass-shadow: rgba(0, 0, 0, 0.15);
    --glass-text: #333;
    --glass-title: #003366;
    --piggy-color: #ffafcc;
    --coin-color: #F4B400;
}

body.dark-mode {
    /* Variables Glassmorphism (Modo Oscuro - Modern Slate) */
    --glass-bg: rgba(30, 41, 59, 0.95);
    --glass-border: rgba(148, 163, 184, 0.1);
    --glass-shadow: rgba(0, 0, 0, 0.6);
    --glass-text: #f1f5f9;
    --glass-title: #F4B400;
}