/*
 * Charte graphique de la marque : Frite Belgium (https://www.fritebelgium.com/).
 * Tout ce qui est propre à la marque vit dans wwwroot/brand/ (couleurs, polices, logo, icônes) ; app.css ne
 * consomme que les variables ci-dessous. Changer de marque = remplacer ce dossier. Voir ADR 0014.
 *
 * Polices auto-hébergées (aucun appel à Google Fonts : RGPD), licence SIL OFL 1.1 (fonts/OFL-*.txt).
 */
@font-face {
    font-family: "Anton";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/anton-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Assistant";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("fonts/assistant-latin-wght-normal.woff2") format("woff2");
}

:root {
    /* Palette du site : brun « chocolat », beige du logo, jaune frite, rouge du drapeau belge. */
    --color-primary: #5b3924;
    --color-primary-soft: #f3e8d6;
    --color-on-primary: #ffffff;
    --color-accent: #f9db79;
    --color-brand-surface: #e1cbac;
    --color-on-brand-surface: #5b3924;
    --color-nav: #5b3924;
    --color-on-nav: #e1cbac;
    --color-on-nav-active: #f9db79;
    --color-bg: #faf6f0;
    --color-surface: #ffffff;
    --color-text: #2f2e2e;
    --color-text-muted: #6b6767;
    --color-border: #e6d9c6;
    --color-danger: #b3202a;

    /* Drapeau belge (liseré sous l'en-tête). */
    --color-flag-black: #1a1a1a;
    --color-flag-yellow: #f6d10b;
    --color-flag-red: #e21c21;

    --font-body: "Assistant", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-heading: "Anton", "Arial Narrow", Impact, sans-serif;
}