/* ============================================================ Design Tokens — Nettoyage Franco-Portugais (CRM) Source : https://nettoyagefrancoportugais.fr/ · Police : Archivo Bloc « Couleurs / Neutres / Typographie » = version canonique fournie par le client (2026-07-15). Ce fichier ne contient QUE des tokens : il se charge sur toute l'app SANS risque de collision de composants. Il re-thème le SPA en surchargeant les variables consommées par app.css (--brand, --surface, --line, --font-display…). Inclure APRÈS app.css. Multi-entités : ============================================================ */ /* Import de la police */ @import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&display=swap'); :root { /* ---- Couleurs de marque (canon client) ---- */ --color-primary: #113F6C; --color-primary-alt: #143B67; --color-secondary: #28874B; --color-accent-gold: #C5A059; /* ---- Neutres (canon client) ---- */ --color-white: #FFFFFF; --color-bg-light: #F4F4F3; --color-text: #333333; --color-text-muted: #69727D; /* ---- Typographie (canon client) ---- */ --font-family-base: 'Archivo', system-ui, -apple-system, sans-serif; --font-family-heading: 'Archivo', system-ui, -apple-system, sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; /* ---- Nuances dérivées (utilisées par les composants + alias) ---- */ --color-primary-700: #0D3357; --color-primary-050: #E7EDF3; --color-secondary-700:#1F6B3B; --color-secondary-050:#E4F1E9; --color-gold-700: #A9863F; --color-gold-050: #F6EFE1; --color-border: #E2E5E9; --color-border-soft: #EEF0F2; /* ---- États sémantiques ---- */ --color-success: #28874B; --color-success-050: #E4F1E9; --color-warning: #C5A059; --color-warning-050: #F6EFE1; --color-danger: #C0392B; --color-danger-050: #F7E4E1; --color-info: #113F6C; --color-info-050: #E7EDF3; /* ---- Logo courant (commuté par data-brand) — url() relatif à ce fichier ---- */ --brand-logo: url('img/logos/nfp.png'); /* ========================================================== Alias des variables legacy d'app.css → re-thème le SPA. (Uniquement couleurs + polices : on NE touche PAS aux --radius/--shadow d'app.css pour ne rien casser en layout.) ========================================================== */ --bg: var(--color-bg-light); --surface: var(--color-white); --surface-elev:var(--color-white); --ink: var(--color-text); --ink-soft: #4A525C; --ink-muted: var(--color-text-muted); --ink-faint: #AEB5C4; --line: var(--color-border); --line-soft: var(--color-border-soft); --brand: var(--color-primary); --brand-dark: var(--color-primary-700); --brand-light: var(--color-primary-alt); --brand-soft: var(--color-primary-050); --accent: var(--color-secondary); /* accent = vert (au lieu du rouge) */ --accent-soft: var(--color-secondary-050); --accent-hover:var(--color-secondary-700); --accent-dark: var(--color-secondary-700); --success: var(--color-success); --success-soft: var(--color-success-050); --success-dark:var(--color-secondary-700); --warning: var(--color-warning); --warning-soft: var(--color-warning-050); --danger: var(--color-danger); --danger-soft: var(--color-danger-050); --info: var(--color-info); --info-soft: var(--color-info-050); --font-display: var(--font-family-heading); --font-body: var(--font-family-base); } /* ===== Bascule par entité ================================================ */ [data-brand="talentis"] { --color-primary: #2E6BE0; --color-primary-alt: #245BC4; --color-primary-700: #1E4CA3; --color-primary-050: #E8F0FE; --color-secondary: #5B9BF5; --color-accent-gold: #8AB4F8; --color-secondary-700:#245BC4; --color-secondary-050:#E8F0FE; --brand-logo: url('img/logos/talentis.png'); } [data-brand="airbleu"] { --color-primary: #1E5FA8; --color-primary-alt: #184E8C; --color-primary-700: #143F72; --color-primary-050: #E6EFF8; --color-secondary: #35A3D6; --color-accent-gold: #6FC3E6; --color-secondary-700:#1E7CA8; --color-secondary-050:#E6EFF8; --brand-logo: url('img/logos/airbleu.png'); }