/* * Theme Name: NVI Interim * Theme URI: https://www.nvi-sn.com * Author: Matrix Digital * Author URI: https://maps.app.goo.gl/hwWuHgXfrczidoSRA * Description: Thème WordPress custom pour NVI — Nouvelle Vision Intérim : intérim, recrutement, externalisation RH et gestion des talents à Dakar, Sénégal. Développé by Matrix Digital. * Version: 3.5.3 * Requires at least: 6.0 * Tested up to: 6.5 * Requires PHP: 8.0 * License: Proprietary * Text Domain: nviinterim */ /* ========================================================================== VARIABLES CSS GLOBALES — NVI Intérim ⚠️ SOURCE UNIQUE : « Charte Graphique NVI » (20 p., 27/12/2025). RÈGLE (Jack, 22/07/2026) : aucune couleur qui n'est pas dans la charte. Les valeurs retenues sont celles RÉELLEMENT TRACÉES dans la charte — la page Colorimétrie déclare des valeurs « Web » (#CC3333 / #339999) que la charte elle-même n'utilise nulle part ; c'est le tracé qui fait foi, parce que c'est lui qu'on retrouve sur le logo et tous les supports. ========================================================================== */ :root { /* --- Couleur PRINCIPALE (charte) --- */ --red: #E22620; /* ROUGE NVI — accent signature, CTA, marque */ --red-dark: #C11728; /* Rouge foncé — attesté dans la charte (hover) */ --red-light: #E8564F; /* Éclairci du rouge charte — focus, variantes */ --red-soft: rgba(226, 38, 32, 0.08); /* Fond teinté léger */ /* --- Couleur SECONDAIRE (charte) --- La charte impose un usage « à très petite échelle » : le teal apporte « de la lumière et du rythme », il ne fait JAMAIS un fond de section. Réservé aux marqueurs de crédibilité, filets, puces, états actifs. */ --teal: #1B829B; --teal-dark: #14606F; --teal-soft: rgba(27, 130, 155, 0.10); --teal-glow: rgba(27, 130, 155, 0.22); /* --- Neutres (dérivés du noir et du gris tracés dans la charte) --- ⚠️ DEUX RÔLES À NE JAMAIS CONFONDRE (défaut corrigé le 22/07/2026) : · --ink / --ink-2 = couleur de TEXTE. S'INVERSE en mode sombre (un titre noir doit devenir clair sur fond noir). · --surface-dark / -2 = FOND sombre. NE S'INVERSE JAMAIS (une section sombre reste sombre, y compris en mode sombre). Le thème n'avait qu'un jeton pour les deux : les sections sombres viraient au gris clair en mode sombre. Un fond ne se met donc jamais sur --ink ; il se met sur --surface-dark. */ --ink: #1D1D1B; /* Noir charte — titres, textes appuyés (SUR FOND CLAIR) */ --ink-2: #2B2B28; /* Éclairci — textes secondaires appuyés */ /* --- Surfaces sombres = BLEU de la charte (décision Jack, 23/07/2026) --- Le client veut un site BLEU + rouge, pas noir + rouge : header, menu, sections sombres, footer et hero prennent le bleu de la charte (même teinte que --teal #1B829B, assombrie pour que le texte blanc reste lisible — AA respecté). Le rouge ne bouge pas. Ces jetons pilotent toutes les surfaces sombres : changer ici bascule tout le site. */ --surface-dark: #0F5F73; /* Fond des sections sombres, header, hero */ --surface-dark-2: #17788F; /* Surface sombre élevée, dégradés */ --white: #FFFFFF; /* Fond pages, textes sur foncé */ --gray-dark: #2D2D2B; /* Textes corps */ --gray-mid: #585857; /* Gris charte — textes secondaires, placeholders */ --gray-light: #F4F4F2; /* Fonds de sections alternées */ /* --- Couleur d'accent dynamique (remplacée par JS/PHP sur les pages service) --- */ --accent: var(--red); /* --- Typographies —— SUBSTITUTS LIBRES DES POLICES DE LA CHARTE --- La charte impose Equalize (principale) et Futura (secondaire). Toutes deux sont COMMERCIALES : pas de licence webfont, donc pas d'usage web. Substituts libres retenus (décision Jack, 22/07/2026) : • Equalize → Chakra Petch : sans-serif carrée à angles coupés, vraies italiques — c'est ce qui approche le mieux le wordmark NVI. • Futura → Jost : reprise géométrique de Futura, la plus fidèle du libre (mêmes proportions, même o circulaire, même a mono). Si le client obtient un jour les licences, seul ce bloc change. */ --font-display: 'Chakra Petch', sans-serif; /* Titres display */ --font-body: 'Jost', sans-serif; /* Corps de texte */ --font-condensed: 'Chakra Petch', sans-serif; /* Titres sections */ /* --- Espacements & FORMES --- ⚠️ D-021 « CORPORATE NET » : ces tokens pilotent TOUT le site (35+ usages). Le squelette hérité restait à 95 % identique à NVI Facility (rayons 8/16, ombres diffuses) ; on change ici la GRAMMAIRE DE FORME, pas la décoration. Rayons réduits + rythme resserré = registre Deloitte/PwC/Randstad visé par le CDC, et silhouette nettement distincte de la maison mère. */ --section-padding: 72px 0; --container-max: 1200px; --border-radius: 4px; --border-radius-lg: 12px; /* --- Transitions --- */ --transition: all 0.3s ease; --transition-slow: all 0.6s ease; /* Easing premium repris de DPM — donne aux survols une décélération « douce » très différente du `ease` plat de NVI Facility. */ --ease-premium: cubic-bezier(0.16, 1, 0.3, 1); /* --- Surfaces & filets (dérivés des seules couleurs de la charte) --- */ --glass-light: rgba(255, 255, 255, 0.85); --glass-dark: rgba(15, 95, 115, 0.78); /* bleu charte, translucide */ --glass-border: rgba(255, 255, 255, 0.15); --glass-blur: 16px; --hairline: rgba(255, 255, 255, 0.10); --glow-red: rgba(226, 38, 32, 0.18); /* --- Ombres --- Portée courte, double couche (contact + profondeur), teintées du NOIR de la charte plutôt que d'un bleu : rendu net, structuré, corporate. */ --shadow-sm: 0 1px 2px rgba(29, 29, 27, 0.08); --shadow-md: 0 1px 2px rgba(29, 29, 27, 0.06), 0 4px 12px rgba(29, 29, 27, 0.10); --shadow-lg: 0 2px 4px rgba(29, 29, 27, 0.06), 0 12px 32px rgba(29, 29, 27, 0.14); /* --- Dégradé signature NVI Intérim (bleu charte → rouge charte) --- */ --gradient-nvi: linear-gradient(135deg, #0F5F73 0%, #17788F 55%, #E22620 100%); /* ══════════════════════════════════════════════════════════════ EXCEPTIONS ASSUMÉES — les seules couleurs hors charte du thème. Contrôle : php charteaudit.php "#E22620,#1B829B" doit ne renvoyer QUE cette liste. Toute autre valeur est un défaut. 1. MARQUES TIERCES — on n'a pas le droit de les repeindre. WhatsApp #25D366/#128C7E · LinkedIn #0A66C2 · Facebook #1877F2 Google (logo du footer) #4285F4/#34A853/#FBBC05 WordPress (admin) #2271B1 2. ÉTATS SÉMANTIQUES — une charte à deux couleurs ne peut pas dire « succès » ni « attention ». Le rouge de la charte porte l'erreur ; il reste un vert et un ambre, en usage strictement fonctionnel, jamais décoratif. Succès #5BD6A8 Alerte #F0A85C / #C06800 / #5B4B00 Fonds d'alerte #FFF8E1 / #FFF8E5 Étoiles d'avis #C06800 ══════════════════════════════════════════════════════════════ */ --etat-succes: #5BD6A8; --etat-alerte: #C06800; --etat-erreur: var(--red); } /* --- Mode clair uniquement (D-022) --- Le client ne veut pas de bascule clair/sombre sur ce site. Toute la couche [data-theme="dark"] (≈370 règles) a été décapée le 22/07/2026, avec les styles orphelins du bouton toggle et du FAB sombre. L'anti-flash du header n'applique plus data-theme et purge l'ancienne préférence localStorage. Ne pas réintroduire de règle [data-theme="dark"] ici. */