/* Thème applicatif (Paramètres → Apparence). Le serveur pose `data-theme` sur ; ces variables réécrivent les couleurs de marque « marine » / « or » utilisées par les classes Tailwind. Chargé APRÈS Tailwind — d'où les `!important`. */ :root { --daba-marine: #1B2559; --daba-marine-dark: #141d42; --daba-marine-light: #2b3a7a; --daba-or: #C9A227; --daba-or-dark: #a8871c; --daba-font-scale: 1; } [data-theme="emeraude"] { --daba-marine: #047857; --daba-marine-dark: #065F46; --daba-marine-light: #0f766e; --daba-or: #C9A227; --daba-or-dark: #a8871c; } [data-theme="ocean"] { --daba-marine: #1E40AF; --daba-marine-dark: #1E3A8A; --daba-marine-light: #2563EB; --daba-or: #C9A227; --daba-or-dark: #a8871c; } [data-theme="ardoise"] { --daba-marine: #0F172A; --daba-marine-dark: #020617; --daba-marine-light: #334155; --daba-or: #64748B; --daba-or-dark: #475569; } [data-theme="violet"] { --daba-marine: #5B21B6; --daba-marine-dark: #4C1D95; --daba-marine-light: #6D28D9; --daba-or: #C9A227; --daba-or-dark: #a8871c; } [data-theme="nuit"] { --daba-marine: #2563EB; --daba-marine-dark: #1D4ED8; --daba-marine-light: #3B82F6; --daba-or: #EAB308; --daba-or-dark: #CA8A04; } /* Échelle de police : Tailwind travaille en rem -> l'UI suit la taille de . */ html { font-size: calc(16px * var(--daba-font-scale)); } /* Réécriture des utilitaires de marque */ .bg-marine { background-color: var(--daba-marine) !important; } .bg-marine-dark { background-color: var(--daba-marine-dark) !important; } .bg-marine-light { background-color: var(--daba-marine-light) !important; } .hover\:bg-marine:hover { background-color: var(--daba-marine) !important; } .hover\:bg-marine-dark:hover { background-color: var(--daba-marine-dark) !important; } .text-marine { color: var(--daba-marine) !important; } .hover\:text-marine:hover { color: var(--daba-marine) !important; } .border-marine { border-color: var(--daba-marine) !important; } .focus\:border-marine:focus { border-color: var(--daba-marine) !important; } .focus\:ring-marine:focus { --tw-ring-color: var(--daba-marine) !important; } .bg-or { background-color: var(--daba-or) !important; } .hover\:bg-or:hover { background-color: var(--daba-or) !important; } .text-or { color: var(--daba-or) !important; } .text-or-dark { color: var(--daba-or-dark) !important; } .border-or { border-color: var(--daba-or) !important; }