/* Surcharge de la palette Pico.css. * * Chargé après pico.classless.min.css (voir base.html) : les variables ci-dessous * remplacent celles du thème clair de Pico. Fond allégé (#F4F6F5, quasi-blanc à * peine bleuté) depuis la refonte graphique de l'accueil/bandeau/pied de page * (maquette validée par l'utilisateur, 2026-08-05) — l'ancien fond plein * #DAE5ED devient --qvq-carte-tint (voir plus bas), réutilisé comme teinte * d'accent sur des zones ponctuelles (bandeau, encarts) plutôt que sur toute la * page : continuité de marque, pas une rupture de palette. * * Contrastes vérifiés par calcul de luminance relative WCAG 2.x par rapport au * NOUVEAU fond #F4F6F5 (recalculés à cette occasion, l'ancien calcul contre * #DAE5ED n'est plus la référence) : * - --pico-color (texte principal, hérité de Pico, pas touché) : 15,17:1. * - --pico-muted-color (texte secondaire : footer, pagination) : #4b5a63, * 6,58:1 — toujours largement AA malgré un fond plus clair. * - --pico-primary (couleur des liens) : unifié sur le bleu marine * institutionnel de la refonte (--qvq-marine, #1f3a5c, 10,64:1) plutôt que * l'ancien #015887 — un seul bleu d'accent sur tout le site désormais, * partagé avec les nouveaux composants (masthead, hero...). * * Theme forcé en "light" dans base.html () : sans ça, le * mode sombre automatique de Pico (media query prefers-color-scheme) écraserait * ce fond avec sa propre palette sombre dès que le visiteur a un thème système * sombre — hors sujet ici, on veut ce fond dans tous les cas. La refonte * graphique n'introduit donc pas non plus de variante sombre pour l'instant : * même choix assumé que le reste du site. */ [data-theme="light"] { --pico-background-color: #F4F6F5; --pico-muted-color: #4b5a63; --pico-primary: #1f3a5c; --pico-primary-background: #1f3a5c; --pico-primary-underline: rgba(31, 58, 92, 0.5); --pico-primary-hover: #14283f; --pico-primary-hover-background: #14283f; --pico-primary-focus: rgba(31, 58, 92, 0.5); } /* --- Tokens de la refonte graphique (accueil, bandeau, pied de page) --- * Espace de noms --qvq- distinct de --pico- : composants propres au site, * pas une surcharge du thème Pico. Polices en pile système (pas de webfont à * embarquer, cohérent avec l'absence de pipeline de build du projet — voir * CLAUDE.md) : une sérif à caractère pour les titres (ton éditorial/ * institutionnel), une sans-serif système pour le texte courant (déjà géré * par Pico via --pico-font-family, pas dupliqué ici), une monospace pour les * chiffres/dates/libellés techniques (nombres tabulaires alignés en colonne). * Couleurs vérifiées WCAG 2.x contre --pico-background-color (#F4F6F5) ET * --qvq-carte-tint (#DCE6ED, fond des encarts) : * - --qvq-marine (texte/liens) : 10,64:1 / 9,12:1. * - --qvq-encre-douce (texte secondaire) : 6,58:1 / 5,64:1. * - --qvq-or : 3,69:1 sur #F4F6F5 — sous le seuil AA texte (4,5:1), donc * jamais utilisé comme couleur de texte ; réservé aux accents graphiques * (puces, contours, dégradé du spectre politique), qui ne demandent que * 3:1 (WCAG 1.4.11, composants non textuels). */ :root { --qvq-police-affichage: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif; --qvq-police-donnees: "SF Mono", "Cascadia Code", "Consolas", ui-monospace, monospace; --qvq-encre-douce: #4b5a63; --qvq-marine: #1f3a5c; --qvq-marine-forte: #14283f; --qvq-or: #9c7a34; --qvq-ligne: #c7d2d3; --qvq-carte-tint: #dce6ed; } /* --- Bandeau (masthead) : remplace le