/* ============================================================================ atlantis_tokens.css - CHARTE CANONIQUE DU CABINET ATLANTIS AVOCATS Créé le 16/08/2026 (phase 0 du chantier esthétique du portail). Source UNIQUE des couleurs, polices, espacements et rayons. PRINCIPE DE CONSTRUCTION Les couleurs de marque et l'échelle de surfaces déjà établies dans le portail sont FIGÉES à l'identique : ce fichier ne déplace aucune couleur existante et ne change donc rien à l'aspect actuel. Il ajoute ce qui manquait (états unifiés, or lisible sur fond clair, neutres teintés, typographie, espacements) et donne un nom unique à ce qui était écrit de douze façons différentes. VÉRIFICATION Chaque couleur de texte a été contrôlée en contraste WCAG sur toutes les surfaces où elle peut se poser (seuil AA 4,5:1, marge de calcul 4,8:1). Le pire cas mesuré est indiqué en commentaire. Valeurs en hexadécimal pour la compatibilité, équivalent OKLCH en commentaire pour les couleurs de marque. RÈGLE D'USAGE Aucune couleur en dur ne doit être introduite ailleurs. Toute couleur nouvelle se déclare ici d'abord. ============================================================================ */ :root { /* --- MARQUE (figée, ne jamais modifier) ------------------------------- */ --atl-marine: #002C6A; /* oklch(31.0% 0.118 258.6) - primaire : titres, bandeaux, CTA */ --atl-or: #c9a962; /* oklch(74.8% 0.098 85.8) - accent : filets, survols, éléments actifs */ --atl-or-clair: #e0c97e; /* survol de l'or sur fond sombre */ --atl-or-encre: #826202; /* AJOUT : or lisible sur fond CLAIR (5,68:1 sur blanc). L'or de marque n'atteint que 2,25:1 sur blanc : il est INTERDIT en texte sur fond clair. */ /* --- SURFACES SOMBRES (interface admin) ------------------------------- */ /* Six niveaux, par clarté croissante. Le niveau `page` a été ajouté le 16/08 au soir : la mesure du portail rendu a montré que le fond de page réel vaut #0a1a33, un niveau distinct des cartes, que l'échelle initiale avait omis. Le confondre avec surface-1 aurait éclairci tout le fond. */ --atl-surface-0: #061226; /* fond le plus profond */ --atl-surface-page: #0a1a33; /* FOND DE PAGE réel (= --atl-surf-1 historique) */ --atl-surface-1: #001D47; /* cartes, barre supérieure, panneaux */ --atl-surface-2: #102544; /* surfaces surélevées, en-têtes de carte */ --atl-surface-3: #1a3160; /* survol, champs de saisie (état) */ --atl-surface-4: #234080; /* éléments actifs, sélection (état) */ /* --- TEXTE SUR FOND SOMBRE -------------------------------------------- */ /* Le texte courant se pose sur les surfaces 0 à 2. Sur les surfaces 3 et 4, qui sont des états d'interaction, n'utiliser que --atl-text. */ --atl-text: #e2e8f0; /* principal - 12,43:1 au pire */ --atl-text-muted: #8899aa; /* secondaire - 5,24:1 au pire */ --atl-text-dim: #8aa0b8; /* tertiaire (dates, méta) - 4,85:1 au pire. Remplace #6B7A92, mesuré à 4,30:1, sous le seuil. */ /* --- ÉTATS ------------------------------------------------------------ */ /* Une seule famille, deux déclinaisons. Remplace les trois générations qui cohabitaient : Bootstrap 4 (#28a745), Bootstrap 5 (#198754), Flat UI (#27ae60). */ --atl-succes: #43a263; /* fond sombre - 4,81:1 au pire */ --atl-danger: #e36c66; /* fond sombre - 4,82:1. Remplace #dc3545, mesuré à 4,13:1 */ --atl-attention: #bb8700; /* fond sombre - 4,80:1 au pire */ --atl-info: #4898cc; /* fond sombre - 4,85:1 au pire */ --atl-succes-encre: #05773b; /* fond clair - 5,27:1 au pire */ --atl-danger-encre: #b3403d; /* fond clair - 5,26:1 au pire */ --atl-attention-encre: #8e5d00; /* fond clair - 5,26:1 au pire */ --atl-info-encre: #146d9f; /* fond clair - 5,26:1 au pire */ /* --- NEUTRES CLAIRS, TEINTÉS MARINE ----------------------------------- */ /* Remplacent les gris purs (#fff 327 fois, #f0f0f0, #e0e0e0, #1a1a1a, #2a2a2a). Un neutre parfaitement neutre à côté d'une marque bleue se lit comme une salissure : les neutres portent ici une pointe de la teinte de marque. */ --atl-paper: #fcfdff; /* fond clair principal (pages publiques, impression) */ --atl-paper-2: #f4f7fb; /* fond clair secondaire, zébrage de tableau */ --atl-paper-3: #e9edf2; /* fond clair enfoncé */ --atl-line: #dadee5; /* filets et séparateurs sur fond clair */ --atl-ink: #282e38; /* texte principal sur fond clair - 13,41:1 */ --atl-ink-muted: #626a75; /* texte secondaire sur fond clair - 5,38:1 */ /* --- BORDURES, OMBRES, RAYONS (repris de atlantis_polish.css) --------- */ --atl-border: rgba(255, 255, 255, 0.06); --atl-border-fort: rgba(201, 169, 98, 0.25); --atl-border-or: rgba(201, 169, 98, 0.45); --atl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.18); --atl-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.22), 0 1px 3px rgba(0, 0, 0, 0.16); --atl-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.32), 0 2px 6px rgba(0, 0, 0, 0.18); --atl-focus: 0 0 0 3px rgba(201, 169, 98, 0.35); /* anneau de focus unique */ --atl-radius-sm: 4px; --atl-radius-md: 6px; --atl-radius-lg: 10px; --atl-radius-pill: 999px; /* --- TYPOGRAPHIE ------------------------------------------------------ */ /* Lora et Inter sont auto-hébergées (fonts.css). Ces trois piles sont les seules autorisées : elles remplacent les quinze écritures relevées. */ --atl-font-titre: 'Lora', Georgia, 'Times New Roman', serif; --atl-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --atl-font-mono: 'Consolas', 'Menlo', 'DejaVu Sans Mono', monospace; --atl-fs-xs: 11px; --atl-fs-sm: 12px; --atl-fs-base: 13px; /* taille de référence de l'interface admin */ --atl-fs-md: 15px; --atl-fs-lg: 18px; --atl-fs-xl: 22px; --atl-fs-xxl: 28px; --atl-lh-serre: 1.3; --atl-lh-base: 1.5; --atl-lh-lecture: 1.65; /* corps de texte long : notes, courriers */ /* --- ESPACEMENTS (échelle unique, multiples de 4px) ------------------- */ --atl-sp-1: 4px; --atl-sp-2: 8px; --atl-sp-3: 12px; --atl-sp-4: 16px; --atl-sp-5: 24px; --atl-sp-6: 32px; --atl-sp-7: 48px; /* --- TRANSITIONS ------------------------------------------------------ */ /* Noms distincts de --atl-tr-base de atlantis_polish.css, dont la valeur inclut le raccourci `all` : les confondre changerait la propriété animée. */ --atl-transition-rapide: 0.12s ease; --atl-transition-base: 0.18s ease; --atl-transition-lente: 0.28s ease; } /* ============================================================================ ORDRE DE CHARGEMENT : CE FICHIER SE CHARGE EN PREMIER Il est lié AVANT atlantis_global_theme.css et atlantis_polish.css. En CSS, à spécificité égale, la dernière déclaration l'emporte : les deux fichiers existants conservent donc la main sur les noms qu'ils déclarent déjà (--atlantis-*, --atl-surf-*, --atl-gold...). Ce fichier n'apporte que des noms nouveaux. Le branchement est ainsi, par construction, sans effet visible. POURQUOI IL N'Y A PAS DE CALQUE D'ALIAS ICI Une première version aliasait les noms hérités vers cette échelle. Le test de non-régression du 16/08 a montré que cela aurait déplacé cinq valeurs, dont le fond de page : --atl-surf-1 vaut #0a1a33 dans atlantis_polish.css, et non #001D47 comme cette échelle nomme sa surface-1 (qui désigne les cartes et la barre supérieure, un usage distinct). Les alias seront écrits en phase 1, au moment où les blocs :root hérités seront retirés, avec leurs valeurs finales assumées page par page. VALEURS HÉRITÉES À NE PAS CONFONDRE AVEC CELLES DE CE FICHIER : --atl-surf-1 #0a1a33 fond de page réel (≠ --atl-surface-1 #001D47) --atl-text-light #ECF0F6 (≠ --atl-text #e2e8f0) --atl-text-muted #9AAABF dans polish, #8899aa dans global_theme --atl-tr-base all 0.18s ease (raccourci `all` inclus) ============================================================================ */