/* ============================================================================ TOKENS — KRESCIA PARTNERS (krescia-partners.com · site US) Figé en P3 le 09/08/2026. Chaque choix de l'étage ① cite sa référence. Bibliothèque secteur : ../biblio-secteur.md · Référence à battre : D02. Le principe directeur, dont tout découle : CE SITE EST UN DOCUMENT DE MESURE. On vend un rapport avant/après ; le site doit donc avoir la matière d'un rapport — papier blanc, filets nets, chiffres en chasse fixe, angles droits — et non la matière d'une page marketing SaaS. ============================================================================ */ :root { /* ---------- ① IDENTITÉ (figée) ------------------------------------------ */ /* Couleurs — héritées du design system Krescia 2026 (tokens.css de 04-krescia/site/build), parce que Partners EST Krescia : même vert de marque, même encre, même ambre-preuve. Deux écarts assumés, justifiés : ① --fond passe du gris froid #F4F6F5 (krescia.com) au BLANC PUR. Réf. D01 Deque + D02 accessible.org : les sites d'accessibilité crédibles sont blancs et à fort contraste — sur ce marché, le contraste n'est pas une préférence esthétique, c'est la démonstration du métier. (Et ⛔ M01 : crème/ivoire/beige restent interdits.) ② --surface prend le gris froid : les blocs posés sur le papier. L'inversion vs krescia.com donne son grain propre au site sans sortir de la palette de la maison. */ --marque: #0C5A37; /* K-flèche, CTA, chiffres forts — identité 2026 */ --encre: #121417; /* texte courant — 16,8:1 sur blanc */ --encre-2: #454F4A; /* texte secondaire — 9,2:1 sur blanc (plancher 7:1) */ --fond: #FFFFFF; /* le papier du rapport */ --surface: #F4F6F5; /* les blocs posés dessus */ --sombre: #0D1614; /* LA bande sombre — une seule par page */ --accent: #F5A623; /* LA preuve : le chiffre qui compte. 1 emploi/écran */ --ligne: #DCE3DE; --ligne-nuit: #24352D; --danger: #B23B32; /* Ambre en texte : #F5A623 sur blanc ne fait que 2,0:1 — il ne sert JAMAIS de couleur de texte sur clair (uniquement filet, fond, ou texte sur sombre où il fait 9,4:1). Variante foncée pour les rares mots à accentuer sur clair. */ --accent-txt: #7A4F00; /* 7,6:1 sur blanc */ /* Polices — les trois familles de l'identité Krescia, self-hostées. La 3e (Space Grotesk) a ici un VRAI rôle fonctionnel, ce qui la justifie : elle porte les chiffres ET le code cité dans les blocs de mesure — le seul endroit du site où la chasse fixe est une information, pas une décoration. ⛔ M02 : ni Inter, ni Plus Jakarta, ni Poppins. */ --f-titre: 'Clash Display', 'Segoe UI', sans-serif; --f-texte: 'Hanken Grotesk', 'Segoe UI', sans-serif; --f-chiffre: 'Space Grotesk', ui-monospace, 'SF Mono', Menlo, monospace; /* ---------- ② RÉGLAGES --------------------------------------------------- */ --w-max: 1140px; --w-texte: 68ch; --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 40px; --e-8: 48px; --e-9: 64px; --e-10: 80px; --e-11: 96px; --e-12: 128px; --pad-section: clamp(56px, 7vw, 104px); --gap-grille: 24px; --gap-grille-m: 16px; /* Anglais : pas d'accents, des mots plus courts qu'en français — on peut serrer les titres d'un cran de plus sans perdre en lisibilité. */ --fs-h1: clamp(36px, 5.2vw, 60px); --fs-h2: clamp(27px, 3.4vw, 39px); --fs-h3: clamp(20px, 2.2vw, 24px); --fs-body: 19px; /* 17 px, pas 16. `--fs-small` ne porte pas des « petites mentions » : il porte les listes de l'offre, les cartes du process, les limites avouées et le pied de page — c'est-à-dire la majeure partie du texte réellement lu. La page accessibility.html affirme une valeur ; elle doit être vraie, et un visiteur la vérifie en trois secondes avec l'inspecteur. */ --fs-small: 17px; --fs-label: 15px; /* 14 → 15 le 09/08 : plancher C20 du gate. Sur un site qui VEND l'accessibilité, aucune chaîne de texte ne descend sous 15 px. */ --lh-titre: 1.06; --lh-body: 1.62; --ls-titre: -0.022em; --ls-label: 0.1em; /* Rayons — 3 px, presque l'angle droit. ⛔ M03 vise le rayon uniforme 12-24 px et les pilules 999 px : c'est la signature du gabarit SaaS. Ici l'angle droit dit « document technique » (réf. D02, dont la force est d'avoir l'air d'un cabinet, pas d'une startup). */ --r-bloc: 3px; --r-cta: 3px; --r-img: 2px; /* Ombres teintées du vert de marque, et volontairement discrètes : sur ce site, ce qui sépare deux blocs est un FILET, pas une ombre portée (⛔ M04 : trois cartes blanches à ombre douce = marqueur « défaut IA »). */ --sh-1: 0 1px 2px rgb(12 90 55 / .07); --sh-2: 0 4px 12px rgb(12 90 55 / .09); --sh-3: 0 12px 28px rgb(12 90 55 / .12); --sh-4: 0 24px 60px rgb(12 90 55 / .16); --ease-sortie: cubic-bezier(0, 0, .58, 1); --ease-duo: cubic-bezier(.42, 0, .58, 1); --ease-retour: cubic-bezier(.34, 1.56, .64, 1); --ease-expo: cubic-bezier(.22, 1, .36, 1); --d-micro: 160ms; --d-etat: 240ms; --d-entree: 600ms; /* ---------- ③ PLANCHERS -------------------------------------------------- */ --min-corps: 19px; --min-cible: 48px; } /* ============================================================================ JOURNAL D'IDENTITÉ 2026-08-09 v1 — création. Palette et typo HÉRITÉES de l'identité Krescia 2026 (décision : Partners est une déclinaison, pas une nouvelle marque). Écarts assumés et sourcés : fond blanc pur (D01, D02) · rayons à 3 px (anti-M03, réf. D02) · ombres teintées et effacées au profit des filets (anti-M04). Wordmark : V5 « le point devient partners », validé par Saadou le 06/08. 2026-08-09 Plancher typographique relevé à 15 px partout (gate C20). Le « PARTNERS » du wordmark passe de 11 à 15 px : sur CE site, un logotype minuscule serait une faute de métier. ============================================================================ */