/* =====================================================
   BASE.CSS - SISTEMA GLOBAL DE DISEÑO
   Urban Imagen & Spa
   ===================================================== */

:root {

    /* =========================
       TIPOGRAFÍA
       ========================= */
    --font-principal: 'Montserrat', Arial, sans-serif;

    --fs-titulo: 1.5rem;
    --fs-subtitulo: 1.25rem;
    --fs-texto: 1rem;
    --fs-secundario: 0.875rem;
    --fs-extra: 0.75rem;

    /* =========================
       PALETA DE COLOR
       ========================= */
    --color-bg: #F8F8F8;
    --color-dark: #1a1a19; /* sustituto de 2c2c2c */
    --color-dark-alt: #333333;

    --color-gray-mid: #707070;
    --color-gray-light: #E0E0E0;

    --color-gold: #C0A878;
    --color-text: #333333;
}

/* =========================
   BASE LAYOUT GLOBAL
   ========================= */

html,
body {
    height: 100%;
    margin: 0;
}

body {
    font-family: var(--font-principal);
    background-color: var(--color-bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}