/* ============================================================ SACEM PF — Tokens de charte (variables CSS partagées) ------------------------------------------------------------ Source canonique des design tokens de la charte, pensée pour être chargée AUSSI BIEN côté front que dans wp-admin. Pourquoi ce fichier ? Les tokens étaient jusqu'ici définis en :root dans `style.css` (palette) et redéfinis dans `charte-components.css` (palette + dégradés + --sacem-white). Ces deux feuilles sont chargées UNIQUEMENT côté front : leurs variables n'existent pas dans l'admin WordPress. Pour habiller l'admin aux couleurs de la charte SANS retaper les codes hex en dur, on expose ici les mêmes tokens dans une petite feuille dédiée que le plugin peut enqueue en contexte admin. ⚠ Tant que `style.css` et `charte-components.css` conservent leurs propres blocs :root (intacts, pour ne rien casser côté front), les valeurs sont présentes en double. Consolidation front → @import de ce fichier prévue dans un sprint dédié (cf. dette technique « tokens charte »). En attendant, ce fichier est la source unique CÔTÉ ADMIN. ============================================================ */ :root { /* Palette (identique à style.css / charte-components.css). */ --sacem-violet: #6B1F7C; --sacem-magenta: #B73B90; --sacem-rose: #D64A6B; --sacem-corail: #EF5A3B; --sacem-orange: #F28B1E; --sacem-amber: #F5A623; --sacem-ink: #1A0E12; --sacem-text: #2E1F24; --sacem-bg-soft: #F2EBE4; --sacem-cream: #FAF6F2; --sacem-white: #fff; --sacem-gray: #6b7280; /* Dégradés signature (identiques à charte-components.css). */ --sacem-gradient-primary: linear-gradient(125deg, #6B1F7C 0%, #B73B90 35%, #D64A6B 60%, #EF5A3B 80%, #F28B1E 100%); --sacem-gradient-accent: linear-gradient(90deg, #B73B90 0%, #D64A6B 45%, #EF5A3B 75%, #F28B1E 100%); /* ============================================================ HABILLAGE DÉGRADÉS (chantier habillage-degrades) ------------------------------------------------------------ Système 1 — FONDS DE SECTION : grand dégradé blanc→beige sur toute la hauteur de page, découpé par section. Chaque section porte un dégradé vertical dont les bornes suivent sa POSITION (variables --p-top / --p-bot, fractions 0→1 posées dans le CSS de chaque page). Teintes ancrées sur 2 tokens START (haut, quasi blanc) / END (bas, beige le plus foncé — JAMAIS sombre). Re-tune global = ces 2 valeurs. Système 2 — INTÉRIEUR DES CARTES : diagonal 135deg blanc→#e9d8d5 (valeurs pipette V2). Progression verticale : la carte hérite le --p-top de sa section → plus bas = dégradé un peu plus marqué. CONTRAINTE CROISÉE : END de section (#ddccb8) est plus FONCÉ que le bas de carte → la carte reste toujours plus claire que son fond ; l'ombre de repos --sacem-card-shadow assure le détachement. ============================================================ */ /* NB : les FORMULES de dégradé (qui dépendent de --p-top/--p-bot) ne peuvent PAS vivre dans un token :root — un var(--p-top) y serait résolu au niveau :root (=0) puis hérité figé. Elles sont donc écrites directement dans les règles des sections (page-*.css) et des cartes (.sacem-card etc.), où var(--p-top) se résout bien sur l'élément. Ici on ne centralise que les COULEURS d'ancrage + l'ombre. */ --sacem-bg-grad-start: #ffffff; /* convergence socle : = haut de la Home (quasi blanc) */ --sacem-bg-grad-end: #efe7dd; /* convergence socle : = beige le + foncé de la Home (subtil) */ --sacem-card-end: #f2dceb; /* coin bas-droite carte : MAUVE PÂLE CHAUD (rosé/magenta éclairci, #3) */ /* Gradient de carte = constant (départ blanc → mauve pâle). Plus de progression par position : un mauve mélangé vers le beige se salissait et rognait l'écart carte/fond ; on garde le mauve net partout. */ --sacem-card-bg: linear-gradient(135deg, #ffffff 0%, var(--sacem-card-end) 100%); /* Ombre de repos des cartes (douce, tonalité chaude/violacée charte, cohérente avec les ombres de survol existantes — qui restent + fortes). */ --sacem-card-shadow: 0 1px 2px rgba(26, 14, 18, 0.05), 0 8px 20px rgba(107, 31, 124, 0.06); /* Filtres des hibiscus beige — VALEURS IDENTIQUES à la Home (single source). filter-1 = hibiscus haut-gauche (beige1) ; filter-2 = bas-droite (beige2). */ --sacem-hibiscus-filter-1: saturate(1.5) sepia(0.34) brightness(0.82) hue-rotate(-16deg); --sacem-hibiscus-filter-2: saturate(2.0) sepia(0.55) brightness(0.88) hue-rotate(-10deg); /* Habillage par SECTION (sprint refonte-home, #6) : micro-dégradé vertical propre à chaque section — légèrement plus CLAIR en haut, plus FONCÉ en bas. Valeurs PROGRESSIVES (du blanc vers le beige) pour une descente douce et harmonieuse le long de la page, sans rendre aucune section transparente. Écart de luminosité léger mais perceptible (~4-6 %). À ajuster « plus/moins » à la recette. Remplace l'ancien dégradé body global (devenu caduc). */ --sacem-sec-grad-1: linear-gradient(180deg, #ffffff 0%, #f7f2ec 100%); /* bifurcation (blanc) */ --sacem-sec-grad-2: linear-gradient(180deg, #f5efe6 0%, #efe7dd 100%); /* missions (beige) */ --sacem-sec-grad-3: linear-gradient(180deg, #fdfbf7 0%, #f6f0e8 100%); /* actualités (blanc) */ --sacem-sec-grad-4: linear-gradient(180deg, #f9f4ee 0%, #f0e8df 100%); /* aide (blanc, + chaud)*/ /* Typographie — familles (source canonique unique). */ --font-display: "Fraunces", Georgia, serif; --font-body: "Outfit", -apple-system, sans-serif; /* Typographie — bases d'échelle pilotables (sprint hygiène typo). Chaque font-size en dur est exprimée en multiple de l'une de ces deux bases via calc(), de sorte que le calcul retombe pile sur la valeur d'origine (rendu strictement identique aujourd'hui). - --sacem-fs-base : texte courant + TOUT sauf les titres H1. - --sacem-fs-h1-base : levier SÉPARÉ pour les H1 (montée +20% prévue plus tard, vs +25% pour le reste — pas dans ce sprint). Valeur 1rem = 16px aujourd'hui : identique au rendu actuel, tout en préservant le scaling rem (accessibilité / taille de police racine). Pour agrandir plus tard : modifier UNIQUEMENT ces deux valeurs. */ --sacem-fs-base: 1rem; --sacem-fs-h1-base: 1rem; /* Échelle typographique à crans nommés (sprint typo-v2-tailles). Calibrée pour la lisibilité : les petits textes et le corps ont été remontés (le client les trouvait trop petits). Chaque élément consomme le cran correspondant à son RÔLE (pas à sa valeur d'origine au pixel). Les gros titres (clamp h1/h2 de section & hero, --sacem-fs-h1-base) restent inchangés. - micro : tags, eyebrows, micro-labels - meta : dates, métadonnées, mentions secondaires - sm : liens (footer, cartes), descriptions de cartes - body : corps de texte courant (p, li) - lede : ledes, chapôs - h3 : sous-titres de carte / petits h3 Valeurs +25% calculées depuis les tailles du SITE D'ORIGINE (et non depuis les crans intermédiaires, qui empilaient deux agrandissements). Référence d'origine (avant tout agrandissement) : micro 0.75 / meta 0.85 / sm 0.95 / body ~1.0625 / lede ~1.125 / h3 1.25 rem → ×1.25. */ --sacem-fs-micro: 0.9375rem; --sacem-fs-meta: 1.0625rem; --sacem-fs-sm: 1.1875rem; --sacem-fs-body: 1.328rem; --sacem-fs-lede: 1.40625rem; --sacem-fs-h3: 1.5625rem; } /* Note : l'ancien dégradé body global `body:not(.wp-admin){...fixed}` a été retiré (sprint refonte-home #6) — il restait latent/masqué par les fonds de section opaques. Remplacé par les micro-dégradés par section ci-dessus (--sacem-sec-grad-*), appliqués dans home.css. */