/* ======================================
   BASE DEL SITIO
   Variables, tipografía y reglas globales
====================================== */
/* =====================================================
BASE.CSS  — FUNDACIÓN DEL SISTIO
-------------------------------------------------------

Contiene:

:root
    Variables globales
    Sistema de colores
    Sistema de espaciado
    Tipografía
    radios y sombras

body
    Tipografía principal
    fondo del sitio
    layout base con grid

===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');

:root{

--color-bg:#f5f5f5;
--color-surface:#0a0c0e ;
--color-text:#F5F5F5;
--color-muted:#6b6b6b;
/*INICIO DE COLORE ROLLOVER DEL MENU DE NAVEGACION:*/
--color-verde: #2e9f6b;
--color-lima: #8bcf3f;
--color-magenta: #c23a7a;
--color-azul: #3a7bd5;
--color-naranja: #e67a2e;
--color-ambar: #e21f11;
/*FIN DE LOS COLORES DEL MENU DE NAVEGACION*/
--accent-blue:#3aa0ff;
--accent-green:#33c26b;
--accent-orange:#ff9f1c;
--footer-bg: lab(83.75% -3.59 -14.69);

--font-main: 'Outfit', sans-serif;

--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-5:48px;

--radius:12px;

--shadow-soft:0 4px 12px rgba(0,0,0,0.06);

}

body{

margin:0;
font-family: var(--font-main);
background:var(--color-bg);
color:var(--color-text);

display:grid;
grid-template-rows:auto auto 1fr auto;
min-height:100vh;

}

footer {
    margin-top: 150px; /* ajusta a tu gusto */
}