/* ================================================================== TRUST OR — Design tokens partages Source unique de verite pour la palette et le mouvement du site. Chaque page conserve ses propres noms de variables, redefinis en alias de ces tokens (ex : --gold: var(--or-gold)). Vague 1 de l'harmonisation : aucun changement visuel. ================================================================== */ :root{ /* ---------- MARQUE ---------- */ --or-gold: #d6b25e; --or-gold-light: #f0d58a; --or-gold-deep: #8d6b1a; /* fusionne #8e6a18 #8b6818 #8f6b17 #8d6b1d #8b6a1c */ --or-gold-mid: #9e781b; /* fusionne #9a751c #9b7518 #a47b1c #a77e1e */ /* ---------- SURFACES SOMBRES (de la plus sombre a la plus claire) ---------- */ --or-deep: #18212b; --or-ink: #202832; --or-panel: #252d37; /* fusionne #242a31 #24303b #252c35 #252f3a #26313b */ --or-graphite-deep: #2d3540; --or-graphite: #39434f; --or-panel-light: #303d49; /* ---------- SURFACES CLAIRES ---------- */ --or-white: #fffdf7; --or-ivory: #f6f2e8; --or-cream: #ebe1c9; --or-sand: #d8d0c1; /* fusionne #d7cfc0 #d6cdbd #d3cab9 */ /* ---------- TEXTE ---------- */ --or-muted: #c7cdd3; --or-muted-2: #aeb5bd; /* fusionne #aeb6bf */ --or-muted-3: #9ea6ae; /* fusionne #9ea6af */ --or-muted-4: #727a81; /* fusionne #6f767e #747b83 */ /* ---------- SEMANTIQUE ---------- */ --or-blue: #4b91d9; --or-green: #5ea967; --or-red: #c65648; --or-orange: #e68032; --or-lavender: #c9c6d8; /* ---------- MOUVEMENT ---------- */ --or-dur-micro: .2s; /* hover, focus, boutons */ --or-dur-short: .4s; --or-dur-base: .8s; /* reveal au scroll */ --or-dur-long: 1.2s; /* transitions de scene */ --or-ease-out: cubic-bezier(.2,.7,.2,1); /* fusionne les 4 quasi-jumeaux */ --or-ease-soft: cubic-bezier(.22,1,.36,1); /* reveal */ --or-ease-inout: cubic-bezier(.35,.05,.2,1); /* ---------- REVEAL ---------- */ --or-reveal-shift: 22px; } /* ================================================================== RESET MINIMAL 6 des 9 pages heritaient du margin: 8px que les navigateurs appliquent par defaut a : leur CSS est entierement scope sur #trustor-* (heritage des embeds Webflow) et ne redefinit jamais body. D'ou une bande claire tout autour du contenu. Volontairement limite a margin/padding sur html et body : aucun box-sizing ni reset typographique, pour ne rien changer d'autre aux mises en page existantes. Charge sur les 9 pages via ce fichier, donc rien a dupliquer. ================================================================== */ html{margin:0;padding:0} body{margin:0;padding:0}