/* * Identité violet-orange 2026 — les six couleurs des écrans pré-authentification. * * POURQUOI CETTE FEUILLE EXISTE : depuis le 16/09/2026, les écrans de connexion * et d'inscription portent l'identité violet (action) / orange (contexte). Ces * six couleurs n'existaient nulle part comme jetons servis à ces pages : la * refonte les définit bien (refonte/tokens.css), mais sous `html[data-refonte]`, * un sélecteur que les écrans de l'interface actuelle ne portent pas. Elles * étaient donc écrites en dur dans les gabarits — vingt hex répartis sur deux * fichiers, à retrouver un par un pour changer une teinte. * * Les valeurs sont IDENTIQUES à celles de la refonte (--ui-accent, --ui-accent- * strong, --ui-brand2, --ui-brand2-fg) : le jour où ces écrans passeront à la * refonte, ils changeront de nom de jeton sans changer de couleur. * * Portée : `:root`, sans condition — ces écrans sont toujours clairs * (`data-theme="light"` posé sur ), il n'y a donc pas de variante sombre * à prévoir ici. */ :root { /* Violet — action : bouton principal, liens, focus, cases à cocher. */ --og-brand-violet: #6D1E9B; --og-brand-violet-hover: #5F1B8B; /* violet profond du logo */ --og-brand-violet-light: #9D2ACB; /* fin du dégradé du bouton */ --og-brand-violet-light-hover: #8A24B8; --og-brand-violet-border: #EBE5F5; /* bordure de la carte */ --og-brand-violet-canvas: #F7F5FB; /* fond de page teinté */ --og-brand-violet-surface: #F4EFFA; /* encadré d'information */ /* Orange — contexte : liseré du logo, survol des liens. */ --og-brand-orange: #F58129; --og-brand-orange-dark: #A75605; --og-brand-orange-surface: #FEF2E9; /* fond d'un badge de contexte */ /* * Neutres FROIDS de ces écrans. Ils ne suivent volontairement pas les * neutres chauds du thème v2 (corail) : la connexion et l'inscription ont * été repeintes « clair neutre » le 16/09/2026, accents violet et orange * posés par-dessus. Les valeurs sont celles rendues aujourd'hui ; les deux * écrans partagent désormais la même échelle (l'inscription utilisait une * variante slate, à un à trois points par canal de celle-ci). */ --og-auth-surface: #ffffff; --og-auth-surface-muted: #f9fafb; --og-auth-ink: #1f2937; --og-auth-ink-soft: #4b5563; --og-auth-ink-muted: #6b7280; --og-auth-ink-faint: #9ca3af; --og-auth-border: #e5e7eb; --og-auth-border-strong: #d1d5db; /* Statuts des formulaires (jauge de mot de passe, messages d'erreur). */ --og-auth-success: #16a34a; --og-auth-warning: #f59e0b; --og-auth-danger: #dc2626; --og-auth-danger-surface: #fef2f2; --og-auth-danger-ink: #991b1b; /* Puces de type de contrat, portail d'emploi public. Trois teintes de CONTEXTE (stage, apprentissage, prestation) que ni le violet d'action ni l'orange de contexte ne couvrent : elles doivent se distinguer entre elles d'un coup d'œil dans une liste, sans concurrencer le bouton. Elles naissent ici parce qu'un jeton naît dans le fichier de jetons — écrites dans la feuille de la page, elles auraient échappé au thème. */ --og-puce-stage-fond: #eef2f7; --og-puce-stage-encre: #3b5b7e; --og-puce-appr-fond: #f3eef7; --og-puce-appr-encre: #5d3b7e; --og-puce-presta-fond: #fdf3ec; --og-puce-presta-encre: #8b4513; /* * Marques de module — la palette des vignettes dessinées * (resources/views/partials/marques-modules.blade.php). * * Elles naissent ICI parce qu'un jeton naît dans le fichier de jetons : le * sprite ne fait que les nommer par rôle (`--ogm-v-hi`…), ce qui lui permet * de basculer sur fond sombre sans qu'aucun dessin soit dupliqué. * * Le violet et l'orange de marque ne sont PAS redéfinis ici : le sprite lit * directement --og-brand-violet et --og-brand-orange. Ce qu'on ajoute, ce * sont les deux crans de part et d'autre qui donnent le volume, le papier, * l'ombre de contact, et les valeurs remontées d'un cran pour le fond * sombre du lanceur. */ --og-marque-violet-haut: #8E2BC4; --og-marque-violet-bas: #57177F; --og-marque-violet-clair: #A94FD0; --og-marque-violet-pale: #C98BE5; --og-marque-violet-tres-pale: #E4D2EF; --og-marque-papier: #FFFFFF; --og-marque-papier-ombre: #F1E9F7; --og-marque-orange-haut: #FFA455; --og-marque-orange-bas: #DE6A12; --og-marque-orange-pale: #FBB878; --og-marque-orange-reflet: #FFD9B4; --og-marque-ombre: #3A0E5C; /* Fond sombre : mêmes rôles, remontés d'un cran pour tenir sur #111827. */ --og-marque-violet-haut-sombre: #B45FE0; --og-marque-violet-bas-sombre: #7A22AD; --og-marque-violet-clair-sombre: #C07AE0; --og-marque-violet-tres-pale-sombre: #C9A9DD; --og-marque-papier-sombre: #F6F0FA; --og-marque-papier-ombre-sombre: #E6D9EF; }