/* ═══════════════════════════════════════════════════════════════════════════ CHARTES — jeux de tokens La charte active est portée par data-charte sur , rendu côté serveur. Aucune feuille ne contient de règle de mise en page : uniquement des valeurs. Les polices sont dans polices-.css, chargée seule pour que la charte inactive ne télécharge rien. ═══════════════════════════════════════════════════════════════════════════ */ :root{ --ease: cubic-bezier(.22,.61,.36,1); --rayon: 0; } /* ── 01 · PLAN — papier chaud, encre bleue, vermillon ───────────────────── */ :root, [data-charte="plan"]{ --fond: #F2ECE1; --surface: #F8F4EC; --surface-2: #E9E1D3; --filet: #D2C6B0; --recto-lueur: rgba(255,255,255,.55); --texte: #0E2036; --texte-2: #646B78; --texte-3: #7F8993; --accent-texte: #BE3C19; --accent-fort: #D0421C; --accent: #D9451D; --accent-contre: #FFFFFF; --barre-fond: #0E2036; --barre-texte: #C9DCF0; --barre-actif: #D9451D; --ok: #2E6B4F; --ok-fond: #DFEAE2; --attention: #905C06; --attention-fond: #F4E7CE; --alerte: #B53A18; --alerte-fond: #F6E0D8; --neutre: #5D646D; --neutre-fond: #E7E1D6; --grille-recto: 88px; --grain-mode: multiply; --grain-opacite: .34; --display: "Instrument Serif", "Times New Roman", serif; --display-poids: 400; --display-largeur: 100%; --display-casse: none; --display-espace: -.015em; --ui: "Chivo Mono", ui-monospace, Menlo, monospace; --ui-espace: .02em; } /* ── 02 · CYANOTYPE — tirage bleu plein, jaune de sécurité ──────────────── */ [data-charte="cyanotype"]{ --fond: #123A63; --surface: #17456F; --surface-2: #0E3055; --filet: rgba(234,242,248,.24); --recto-lueur: rgba(180,215,245,.16); --texte: #EAF2F8; --texte-2: #9BBBD6; --texte-3: #7091AF; --accent-texte: #F5C542; --accent-fort: #F5C542; --accent: #F5C542; --accent-contre: #08243F; --barre-fond: #08243F; --barre-texte: #CFE4F5; --barre-actif: #F5C542; --ok: #79E0B4; --ok-fond: rgba(121,224,180,.14); --attention: #F5C542; --attention-fond: rgba(245,197,66,.16); --alerte: #FF9A7F; --alerte-fond: rgba(255,138,107,.16); --neutre: #A4B9CC; --neutre-fond: rgba(207,228,245,.09); --grille-recto: 120px; --grain-mode: soft-light; --grain-opacite: .45; --display: "Bricolage Grotesque", "Helvetica Neue", sans-serif; --display-poids: 800; --display-largeur: 100%; --display-casse: none; --display-espace: -.035em; --ui: "DM Mono", ui-monospace, Menlo, monospace; --ui-espace: .01em; } /* ── 03 · NOTARIAL — blanc froid, vert bouteille, cachet rouge ──────────── */ [data-charte="notarial"]{ --fond: #F6F7F9; --surface: #FFFFFF; --surface-2: #EDEFF3; --filet: #DBDFE5; --recto-lueur: rgba(255,255,255,.9); --texte: #14161A; --texte-2: #5F646D; --texte-3: #878E97; --accent-texte: #93231E; --accent-fort: #93231E; --accent: #93231E; --accent-contre: #FFFFFF; --barre-fond: #0F3A2D; --barre-texte: #C6E2D3; --barre-actif: #93231E; --ok: #0F5132; --ok-fond: #E2EFE7; --attention: #7A5B10; --attention-fond: #F4EBD4; --alerte: #93231E; --alerte-fond: #F4E1E0; --neutre: #656A74; --neutre-fond: #ECEEF2; --grille-recto: 104px; --grain-mode: multiply; --grain-opacite: .16; --display: "Bodoni Moda", Didot, "Times New Roman", serif; --display-poids: 400; --display-largeur: 100%; --display-casse: none; --display-espace: -.008em; --ui: "Libre Franklin", "Helvetica Neue", Arial, sans-serif; --ui-espace: .005em; } /* ── 04 · BÉTON — ciment, rouge signal, condensé capitales ──────────────── */ [data-charte="beton"]{ --fond: #C9C6C0; --surface: #D8D5CF; --surface-2: #BAB7B1; --filet: #A9A69F; --recto-lueur: rgba(255,255,255,.38); --texte: #1A1A18; --texte-2: #55534E; --texte-3: #6F6C67; --accent-texte: #A01A13; --accent-fort: #E4261B; --accent: #E63329; --accent-contre: #FFFFFF; --barre-fond: #45443F; --barre-texte: #E8E5DE; --barre-actif: #E63329; --ok: #2D6738; --ok-fond: #CBD7C7; --attention: #854F00; --attention-fond: #E0D3B8; --alerte: #941C15; --alerte-fond: #E5C9C5; --neutre: #4E4C48; --neutre-fond: #C0BDB7; --grille-recto: 72px; --grain-mode: multiply; --grain-opacite: .5; --display: "Archivo", "Helvetica Neue", Arial, sans-serif; --display-poids: 800; --display-largeur: 62.5%; --display-casse: uppercase; --display-espace: -.004em; --ui: "Chivo", "Helvetica Neue", Arial, sans-serif; --ui-espace: .005em; }