/* Rebranding 2026 · variables de marca y fuentes. Se carga antes que merca.css */
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-normal.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-italic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-italic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-italic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Noto Sans";
    src: url("../fonts/noto-sans-latin-wght-italic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

:root {
    --merca-blau: #1e2945;
    --merca-blau-900: #141c31;
    --merca-blau-50: #eef0f5;
    --merca-vermell: #bf062f;
    --merca-vermell-700: #9c0527;
    --merca-vermell-50: #fbeaee;
    --merca-gris-fosc: #323e48;
    --merca-gris-fluix: #ced2d5;
    --merca-gris-50: #f4f5f6;

    --merca-font-text: "Noto Sans", "Open Sans", Arial, sans-serif;
}