/* Jetons de la marque Bellecommande. Toute couleur, taille ou espacement
   utilisé ailleurs passe par une variable d'ici. Palette : logo/README.md. */
:root {
    color-scheme: light;

    /* Palette */
    --brique: #8c2f1c;
    --brique-sombre: #6f2416;
    --brique-pale: #f3e1d9;
    --creme: #f6efe4;
    --creme-claire: #fbf7f0;
    --noir: #111111;
    --blanc: #ffffff;

    /* Rôles */
    --fond: var(--creme);
    --fond-surface: var(--blanc);
    --encre: var(--noir);
    --encre-douce: #4a3f37;
    --accent: var(--brique);
    --accent-survol: var(--brique-sombre);
    --sur-accent: var(--blanc);
    --filet: #e2d6c4;
    --focus: var(--brique);

    --info-fond: #eef2f6;
    --info-encre: #1f3b57;

    /* Typographie : piles système, aucune police téléchargée */
    --police-titre: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
    --police-texte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --taille-xs: 0.8125rem;
    --taille-s: 0.9375rem;
    --taille-m: 1rem;
    --taille-l: 1.25rem;
    --taille-xl: clamp(1.75rem, 1.2rem + 2.2vw, 2.5rem);
    --interligne: 1.6;

    /* Espacements */
    --espace-1: 0.25rem;
    --espace-2: 0.5rem;
    --espace-3: 0.75rem;
    --espace-4: 1rem;
    --espace-6: 1.5rem;
    --espace-8: 2rem;
    --espace-12: 3rem;

    /* Formes */
    --rayon: 0.5rem;
    --rayon-l: 1rem;
    --largeur-contenu: 72rem;
    --largeur-texte: 44rem;
    --ombre: 0 1px 2px rgb(17 17 17 / 0.06), 0 4px 16px rgb(17 17 17 / 0.05);
}