:root{

    /*======== Colores ========*/
    --color-background:#0A0A0B;
    --color-surface:#111214;
    --color-primary:#F8F9FA;
    --color-secondary:#8E9196;
    --color-border:#1F2023;
    --color-hover:#D6D8DB;
    --color-bg-alt:#F8F9FA;
    --color-text-dark:#0A0A0B;

    /*======== Tipografías ========*/
    --font-title:'Space Grotesk', sans-serif;
    --font-text:'Inter', sans-serif;

    /*======== Tamaños ========*/
    --h1:4rem;
    --h2:2.8rem;
    --h3:1.4rem;
    --text:1rem;
    --small:.9rem;

    /*======== Espaciados ========*/
    --space-xs:.5rem;
    --space-sm:1rem;
    --space-md:2rem;
    --space-lg:4rem;
    --space-xl:6rem;
    --space-xxl:8rem;

    /*======== Container ========*/
    --container:1200px;

    /*======== Animaciones ========*/
    --transition:.35s ease;

}