/* ============================================================ BAUHAUS OVERRIDE — couche finale appliquée à TOUT le site Injectée en fin de : elle prend le dessus sur les styles inline hérités du style "sketch" (polices manuscrites, pastels, rotations, coins arrondis). ============================================================ */ /* ---------- Typographie : plus aucune police manuscrite ---------- */ * { font-family: 'Avenir Next', 'Century Gothic', Futura, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important; text-shadow: none !important; } code, pre, .masked, .faux-champ { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace !important; } /* ---------- Angles droits partout ---------- */ * { border-radius: 0 !important; } /* ---------- Fond et texte ---------- */ body { background: #f4efe6 !important; color: #191714 !important; } /* ---------- Titres ---------- */ h1, h2, h3 { color: #191714 !important; font-weight: 800 !important; letter-spacing: .01em; } /* ---------- Neutraliser les rotations décoratives du style sketch ---------- */ .container, .card, .feature, .auth-card, .book-card, .module-card, .tool-card, .section-card, .analysis-section { transform: none !important; } /* ---------- Boutons ---------- */ button, .btn-primary, .btn-secondary, .btn-logout, .btn-action, .book-action-btn, .batch-action-btn, .cta-primary, .cta-secondary, input[type="submit"] { border: 3px solid #191714 !important; box-shadow: 4px 4px 0 #191714 !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .04em; background-image: none !important; } button:hover, .btn-primary:hover, .btn-secondary:hover, .btn-logout:hover, .book-action-btn:hover, .batch-action-btn:hover { transform: translate(2px, 2px) !important; box-shadow: 2px 2px 0 #191714 !important; } .btn-primary, input[type="submit"], .cta-primary { background-color: #1d4fd7 !important; color: #ffffff !important; } .btn-secondary, .cta-secondary { background-color: #ffffff !important; color: #191714 !important; } .btn-logout { background-color: #e03a2f !important; color: #ffffff !important; } /* ---------- Champs de formulaire ---------- */ input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], select, textarea { border: 3px solid #191714 !important; background-color: #ffffff !important; color: #191714 !important; box-shadow: none !important; } input:focus, select:focus, textarea:focus { outline: none !important; box-shadow: 4px 4px 0 #1d4fd7 !important; } /* ---------- Cartes, panneaux, modales ---------- */ .card, .auth-card, .book-card, .module-card, .tool-card, .analysis-section, .modal-content, .filters-bar, .section-card, .container { border: 3px solid #191714 !important; box-shadow: 6px 6px 0 #191714 !important; background-color: #ffffff !important; background-image: none !important; } /* ---------- En-têtes de page ---------- */ .dashboard-header, .library-header, .archive-header, .auth-header { background: #f4efe6 !important; background-image: none !important; border-bottom: 3px solid #191714 !important; color: #191714 !important; } .dashboard-header h1, .library-header h1, .archive-header h1, .auth-header h1 { color: #191714 !important; } /* ---------- Liens ---------- */ a { color: inherit; } a:not(.btn-primary):not(.btn-secondary):not(.cta-primary):not(.cta-secondary):hover { color: #1d4fd7; } /* ---------- Badges niveaux 1→4 : aplats Bauhaus ---------- */ [data-level="1"] .book-spine, .badge-1 { background: #e03a2f !important; color: #fff !important; } [data-level="2"] .book-spine, .badge-2 { background: #f2b705 !important; color: #191714 !important; } [data-level="3"] .book-spine, .badge-3 { background: #1d4fd7 !important; color: #fff !important; } [data-level="4"] .book-spine, .badge-4 { background: #1d9e55 !important; color: #fff !important; } /* ---------- Sélecteur de thème : définitivement masqué ---------- */ #themeSelector, .theme-selector, .theme-selector-dropdown { display: none !important; } /* ---------- Barres de progression / sliders visuels ---------- */ .progress-bar, .slider-track { border: 2px solid #191714 !important; background: #ffffff !important; } .progress-fill, .slider-fill { background: #1d4fd7 !important; background-image: none !important; }