/* ==========================================================
   JUPER SISTEM - BASE CSS
   Fuentes, colores y estilos generales del login
   (La fuente Poppins se carga con <link> en el <head> de login.php)
   ========================================================== */

/* ==========================================================
   VARIABLES
   ========================================================== */
:root {
    /* Fondos */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F6FA;

    /* Textos */
    --text-primary: #1A1A2E;
    --text-secondary: #6B7280;

    /* Colores de marca */
    --brand-blue: #1E6DFF;

    --brand-gradient: linear-gradient(
        135deg,
        #EC0CA0 0%,
        #7B2FF7 45%,
        #1E6DFF 75%,
        #4DC9F6 100%
    );

    /* Bordes */
    --border: #E5E7EB;

    /* Variantes RGB */
    --text-primary-rgb: 26, 26, 46;
    --text-secondary-rgb: 107, 114, 128;
    --brand-blue-rgb: 30, 109, 255;
    --border-rgb: 229, 231, 235;
}

/* ==========================================================
   RESET GENERAL
   ========================================================== */
* {
    box-sizing: border-box;
    scrollbar-width: none;
    -webkit-tap-highlight-color: transparent;
}

/* ==========================================================
   BODY
   ========================================================== */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
}