/* === MÓDULO: VARIABLES === */

:root {
    /* Paleta de Colores */
    --smg-dark-bg: #191E2D;
    --smg-blue: #38B6FF;
    --smg-accent-fuchsia: #F7345E;
    --smg-accent-dark-blue: #191E2D;
    --smg-accent-blue: #72A4F2; /* <-- NUEVA VARIABLE */

    /* Sombras y Bordes */
    --smg-border-radius: 8px;
    --smg-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    --smg-accent-shadow: 0 5px 20px -3px rgba(247, 52, 94, 0.5);

    /* Variables para el Tema Claro (Light Mode) */
    --smg-bg-primary: #f6f7f7;
    --smg-bg-secondary: #ffffff;
    --smg-text-primary: #1d2327;
    --smg-text-secondary: #50575e;
    --smg-border-color: #e2e2e2; /* <-- LIGERO AJUSTE */
    --smg-header-bg: #ffffff;
    --smg-success-color: #4caf50;
    --smg-warning-color: #ff9800;
    --smg-error-color: #f44336;
}

.smg-dark-theme {
    /* Variables para el Tema Oscuro (Dark Mode) */
    --smg-bg-primary: #10141F;
    --smg-bg-secondary: var(--smg-dark-bg);
    --smg-text-primary: #e2e8f0;
    --smg-text-secondary: #94a3b8;
    --smg-border-color: #2D3748;
    --smg-header-bg: var(--smg-dark-bg);
    --smg-top-banner-bg: #1A202C;
}