/* ============================================================ landing-theme.css - Override light theme pour les pages landing (index.html / fr.html / en.html) qui utilisent les classes Tailwind du bundle React compilé. Charge APRÈS /assets/index-DA9ToEKZ.css. ============================================================ */ /* Light theme overrides - sur */ html[data-theme="light"] { --color-background: #f5f5f5; --color-background-secondary: #fafafa; --color-surface: #ffffff; --color-surface-hover: #f4f4f5; --color-foreground: #18181b; --color-foreground-muted: #52525b; --color-foreground-subtle: #71717a; --color-border: #e4e4e7; --color-border-hover: #d4d4d8; } /* Légère adaptation des gradients radiaux en mode clair pour éviter qu'ils paraissent trop sombres sur fond clair */ html[data-theme="light"] body { color-scheme: light; } html[data-theme="dark"] body { color-scheme: dark; } /* En light, l'image en grayscale du logo bar reste lisible */ html[data-theme="light"] .grayscale { filter: grayscale(0.6); } /* Toggle théme button styling (réutilise les classes Tailwind) */ .theme-toggle-icon-light, .theme-toggle-icon-dark { transition: opacity .2s; } html[data-theme="light"] .theme-toggle-icon-light { display: none; } html[data-theme="dark"] .theme-toggle-icon-dark { display: none; }