/* variables.css — palette, polices, couleurs de catégorie */ /* ---- Cabin, auto-hébergée (OFL). Aucune requête vers un service tiers. ---- */ @font-face { font-family: "Cabin"; font-weight: 400; font-style: normal; font-display: swap; src: url(/fonts/cabin-400.woff2) format("woff2"); } @font-face { font-family: "Cabin"; font-weight: 700; font-style: normal; font-display: swap; src: url(/fonts/cabin-700.woff2) format("woff2"); } @font-face { font-family: "Cabin"; font-weight: 400; font-style: italic; font-display: swap; src: url(/fonts/cabin-400i.woff2) format("woff2"); } @font-face { font-family: "Cabin"; font-weight: 700; font-style: italic; font-display: swap; src: url(/fonts/cabin-700i.woff2) format("woff2"); } :root { --fond: #F2F5F8; /* gris-bleu très pâle, partout */ --surface: #E3EAF1; /* pied de page, encarts */ --texte: #1A1F25; /* texte courant, titres */ --texte-2: #5B656F; /* fil d'Ariane, légendes, métadonnées */ --accent: #5B656F; /* défaut : page hors catégorie */ --accent-fonce: #434B53; /* Encres des bandeaux sombres. Le texte courant du site est trop fonce pour eux : mesures faites sur #24557A, l'endroit le plus clair du halo, ou --texte-2 tomberait a 2,6:1. */ --bandeau: #F2F5F8; /* nom du site — 7,1:1 */ --bandeau-2: #C7D2DC; /* liens secondaires — 5,1:1 */ --police: "Cabin", system-ui, -apple-system, "Segoe UI", sans-serif; /* Le conteneur occupe toute la largeur ; c'est la longueur des lignes de texte qui est bridee, pas la page (voir "p, li" dans layout.css). */ --colonne: none; /* Gouttiere fluide : 1rem sur telephone, ~3rem sur grand ecran, sans point de rupture supplementaire a tenir. */ --gouttiere: clamp(1rem, 3vw, 3rem); } /* Une ligne par catégorie. Ces règles ne s'appliquent pas qu'au : l'accueil pose data-cat sur chaque carte, qui prend sa couleur toute seule. */ [data-cat="tech-et-bidouille"] { --accent: #7A4B28; --accent-fonce: #5A3719; } [data-cat="modelisme"] { --accent: #1F5C8B; --accent-fonce: #164461; } [data-cat="jardin"] { --accent: #2F6B4F; --accent-fonce: #1E4A36; }