:root {
    /* Paleta (he completado el hex que faltaba como #C5B68A) */
    --beige-1: #aea996;
    --beige-2: #E9ECEF;
    /*Cambado a blanco*/
    /*--beige-3: #faf8f5;*/
    --beige-3: #ffffff;

    --contraste: #c68324;
    --white: #ffffff;
    --black: #000000;

    /* FONT */
    --font-futura-light: "Futura-Light", sans-serif;
    --font-futura-medium: "Futura-Medium", sans-serif;
    --font-futura-heavy: "Futura-Heavy", sans-serif;

    /* Espaciados y tamaños */
    --container-max: 1200px;
    --hero-height: 86vh;
    --overlay-bg: rgba(0, 0, 0, 0.35);
}

/* resources/css/app.css */

@font-face {
    font-family: "Futura-Light";
    font-display: swap;
    /* Práctica recomendada */

    src: url("../../font/Futura-Light.woff2") format("woff2"),
        url("../../font/Futura-Light.woff") format("woff"),
        url("../../font/Futura-Light.otf") format("opentype");

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Futura-Heavy";
    font-display: swap;
    /* Práctica recomendada */

    src: url("../../font/Futura-Heavy.woff2") format("woff2"),
        url("../../font/Futura-Heavy.woff") format("woff"),
        url("../../font/Futura-Heavy.otf") format("opentype");

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Futura-Medium";
    font-display: swap;
    /* Práctica recomendada */

    src: url("../../font/Futura-Medium.woff2") format("woff2"),
        url("../../font/Futura-Medium.woff") format("woff"),
        url("../../font/Futura-Medium.otf") format("opentype");

    font-weight: normal;
    font-style: normal;
}

/* Reset / base */
html,
body {
    height: 100%;
    background-color: var(--beige-3);
}

body {
    font-family: "Futura-Light", sans-serif;
    color: var(--black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
    /* desplazamiento suave */
}

/* Compensa la altura del navbar fijo */
/*section {
  scroll-margin-top: 100px; /* ajusta según el alto real del navbar *
}*/

/*
#home, #imagenes, #shop, #about {
  scroll-margin-top: 90px;
}
*/