/* ========================================================================== brand.css — Charte graphique Ciel & Terre 2024, SOURCE UNIQUE. Transcrit du BrandBook officiel (« FR_BrandBook Ciel & Terre 2024 ») et du thème Office « C&T 2024 » (`Thème_C&T_2024.thmx`, clrScheme). Les deux concordent, à une exception près, tranchée en faveur du BrandBook qui est le document normatif : il donne le Bleu Tiffany à #42AEB0 (RVB 66/174/176, Pantone 7465 C) là où le thème Office porte un #00B0B1 plus saturé — or la charte interdit explicitement de « saturer les couleurs » (p.8, DON'T). ⚠️ TOUT changement de couleur d'identité se fait ICI. Un hexadécimal de marque écrit en dur dans un template diverge au premier ajustement, et c'est exactement ce que la page d'authentification faisait avant ce fichier (son en-tête disait lui-même « palette approximative — à ajuster avec la charte officielle »). ⚠️ CE FICHIER NE GOUVERNE PAS LES COULEURS PORTEUSES DE SENS. Les rouges / oranges / verts d'état, les couleurs de critères d'ancrage, les dégradés de tension et les index ACI des calques DXF encodent de l'information métier : les repeindre aux couleurs de la marque rendrait les plans faux. Ils restent là où ils sont. ========================================================================== */ :root { /* ── Couleurs PRINCIPALES (BrandBook p.13) ───────────────────────────── */ --ct-tiffany: #42AEB0; /* RVB 66/174/176 · CMJN 70/8/34/0 · Pantone 7465 C */ --ct-tiffany-50: #A5CED0; /* teinte à 50 % */ --ct-tiffany-20: #D3E4E5; /* teinte à 20 % */ --ct-canard: #0A5865; /* RVB 10/88/101 · CMJN 89/44/44/33 · Pantone 5473 C */ --ct-canard-50: #7EA5AC; /* teinte à 50 % */ --ct-canard-20: #C4D3D7; /* teinte à 20 % */ /* ── Couleurs SECONDAIRES (BrandBook p.14) ───────────────────────────── */ /* « Des teintes plus fraîches et lumineuses […] pour parler de sujets pointus tels que innovation, R&D… ou mettre en exergue des informations clés. » Chacune se décline en une unique nuance à 50 %. */ --ct-deep: #003346; --ct-deep-50: #7493A6; --ct-slate: #5C7684; --ct-slate-50: #ACB9C4; --ct-sand: #D8AE8E; --ct-sand-50: #E1D1C2; --ct-olive: #51644A; --ct-olive-50: #A4ABA0; /* ── Neutres ─────────────────────────────────────────────────────────── */ --ct-black: #121415; /* dk1 du thème Office C&T 2024 — jamais #000 */ --ct-white: #FFFFFF; /* ── RÈGLE D'EMPLOI DES DEUX PRINCIPALES, ÉTABLIE PAR LA MESURE ──────── Les deux couleurs de marque ne sont PAS interchangeables sous du texte, et leur nom ne le dit pas. Contrastes WCAG 2.1 calculés : blanc sur Tiffany #42AEB0 .... 2,65:1 ✗ (AA exige 4,5:1) blanc sur Canard #0A5865 .... 8,09:1 ✓ #121415 sur Tiffany #42AEB0 ... 6,96:1 ✓ ⇒ CANARD porte le texte blanc : barres, en-têtes, boutons d'action. ⇒ TIFFANY est un ACCENT : soulignés d'onglet actif, bordures, anneaux de focus, pastilles, et aplats clairs sous du texte foncé. Poser du blanc sur du Tiffany est le seul faux pas vraiment coûteux de cette palette : il est illisible et il a l'air correct sur un écran neuf. ──────────────────────────────────────────────────────────────────────── */ --ct-brand-bg: var(--ct-canard); /* aplat de marque, texte blanc */ --ct-brand-hover: #0D6F80; /* Canard éclairci (survol) */ --ct-brand-soft: #0E4A55; /* Canard assombri (fond actif) */ --ct-accent: var(--ct-tiffany); /* accent, jamais sous du blanc */ --ct-accent-soft: var(--ct-tiffany-20); /* aplat clair, texte foncé */ --ct-accent-mid: var(--ct-tiffany-50); /* ── Rôles d'interface ───────────────────────────────────────────────── */ --ct-ink: var(--ct-black); --ct-muted: var(--ct-slate); --ct-line: var(--ct-canard-20); --ct-line-soft: #E3ECEE; --ct-surface: #F4F8F8; /* fond de page */ --ct-field: #F6FAFA; /* fond de champ au repos */ --ct-focus-ring: rgba(66, 174, 176, .32); /* ── Typographie (BrandBook p.17-19) ─────────────────────────────────── */ /* « Des typographies Google Font pour simplifier et homogénéiser les prises de parole quelque soit le levier utilisé (web, bureautique, print, etc.) » Montserrat Black = titre principal · Bold = sous-titres · Regular = texte. ⚠️ Les chiffres tabulaires restent en `monospace` (49 déclarations dans le dépôt) : une colonne de cotes s'aligne, elle ne se met pas en marque. */ --ct-font: 'Montserrat', ui-sans-serif, system-ui, 'Segoe UI', Arial, sans-serif; --ct-font-head: var(--ct-font); --ct-weight-title: 800; --ct-weight-head: 700; } /* ── Titres : « Les titres sont toujours en capitales » (BrandBook p.19) ─── Appliqué aux titres de PAGE et de SECTION. Les libellés de champs et les en-têtes de tableaux restent en casse normale : ils se lisent au balayage, et la barre d'onglets du Design déborde déjà (~2130 px d'onglets pour 1440 px d'écran) — des capitales y coûteraient de la place qu'elle n'a pas. Classe utilitaire, pour les cas où le sélecteur de la page ne suffit pas. */ .ct-title { text-transform: uppercase; letter-spacing: .06em; font-weight: var(--ct-weight-title); font-family: var(--ct-font-head); } /* ── Symbole C&T ────────────────────────────────────────────────────────── Les deux arches du logo (ciel / terre), relevées dans le thème Office. Bichrome par défaut ; sur un fond aux couleurs du logo, la charte (p.10) impose que la partie de même teinte que le fond passe en BLANC pour rester contrastée — d'où la variante `.ct-mark--on-canard`. */ .ct-mark { display: block; flex: 0 0 auto; } .ct-mark .ct-mark-sky { fill: var(--ct-tiffany); } .ct-mark .ct-mark-earth { fill: var(--ct-canard); } .ct-mark--on-canard .ct-mark-earth { fill: #fff; } .ct-mark--on-dark .ct-mark-earth { fill: #fff; } .ct-mark--mono .ct-mark-sky, .ct-mark--mono .ct-mark-earth { fill: currentColor; }