/* ============================================================ seasons.css — Thèmes saisonniers astronomiques Appliqués via class sur : .season-spring / summer / autumn / winter ============================================================ */ /* ─── Printemps ──────────────────────────────────────────── */ /* Vert tendre, lumière douce, fleurs */ .season-spring { --season-accent: #4a9e5c; --season-accent-dark: #3a7e49; --season-accent-light: rgba(74,158,92,.12); --season-header-bg: rgba(240,248,242,0.90); --season-header-border: rgba(74,158,92,.15); --season-overlay: rgba(240,248,242,0.45); --season-card-tint: rgba(232,246,236,0.6); } .season-spring .site-header { background: linear-gradient( to right, rgba(235,248,238,0.95) 0%, rgba(240,250,242,0.90) 100% ); } .season-spring .site-title { color: #2d6e3e; } .season-spring .btn-primary { background: linear-gradient(135deg, #4a9e5c 0%, #3a8a4e 100%); } .season-spring .form-input:focus { border-color: #4a9e5c; box-shadow: 0 0 0 3px rgba(74,158,92,.15); } .season-spring .auth-footer { color: rgba(44,88,55,0.75); text-shadow: none; } /* ─── Été ─────────────────────────────────────────────────── */ /* Vert soutenu, lumière chaude, soleil */ .season-summer { --season-accent: #2e7d32; --season-accent-dark: #1b5e20; --season-accent-light: rgba(46,125,50,.12); --season-header-bg: rgba(232,245,233,0.90); --season-header-border: rgba(46,125,50,.15); --season-overlay: rgba(232,245,233,0.40); --season-card-tint: rgba(220,240,222,0.6); } .season-summer .site-header { background: linear-gradient( to right, rgba(228,244,230,0.95) 0%, rgba(238,250,240,0.90) 100% ); } .season-summer .site-title { color: #1b5e20; } .season-summer .btn-primary { background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%); } .season-summer .form-input:focus { border-color: #2e7d32; box-shadow: 0 0 0 3px rgba(46,125,50,.15); } /* ─── Automne ─────────────────────────────────────────────── */ /* Brun orangé, feuilles, chaleur ambrée */ .season-autumn { --season-accent: #bf6020; --season-accent-dark: #9a4e18; --season-accent-light: rgba(191,96,32,.12); --season-header-bg: rgba(252,245,235,0.90); --season-header-border: rgba(191,96,32,.15); --season-overlay: rgba(252,245,235,0.45); --season-card-tint: rgba(252,242,228,0.6); } .season-autumn .site-header { background: linear-gradient( to right, rgba(252,242,228,0.95) 0%, rgba(255,248,238,0.90) 100% ); } .season-autumn .site-title { color: #7d3c14; } .season-autumn .btn-primary { background: linear-gradient(135deg, #bf6020 0%, #9a4e18 100%); } .season-autumn .form-input:focus { border-color: #bf6020; box-shadow: 0 0 0 3px rgba(191,96,32,.15); } /* ─── Hiver ───────────────────────────────────────────────── */ /* Gris blanc, froid cristallin, épuré */ .season-winter { --season-accent: #4a6fa5; --season-accent-dark: #3a5a8a; --season-accent-light: rgba(74,111,165,.12); --season-header-bg: rgba(240,244,252,0.92); --season-header-border: rgba(74,111,165,.12); --season-overlay: rgba(240,244,252,0.50); --season-card-tint: rgba(235,242,255,0.6); } .season-winter .site-header { background: linear-gradient( to right, rgba(235,242,255,0.95) 0%, rgba(240,246,255,0.90) 100% ); } .season-winter .site-title { color: #2c4a7a; } .season-winter .btn-primary { background: linear-gradient(135deg, #4a6fa5 0%, #3a5a8a 100%); } .season-winter .form-input:focus { border-color: #4a6fa5; box-shadow: 0 0 0 3px rgba(74,111,165,.15); } /* ─── Cartes : teinte saisonnière ────────────────────────── */ .season-spring .card, .season-summer .card, .season-autumn .card, .season-winter .card { background: var(--season-card-tint, rgba(255,255,255,0.92)); } /* ─── Auth pages : fond gradient saisonnier ──────────────── */ .season-spring.auth-page { background: linear-gradient(160deg, #d4f0da 0%, #b8e4bf 40%, #e8f6e2 100%); } .season-summer.auth-page { background: linear-gradient(160deg, #c8e6c9 0%, #a5d6a7 40%, #e8f5e9 100%); } .season-autumn.auth-page { background: linear-gradient(160deg, #ffe0b2 0%, #ffcc80 40%, #fff3e0 100%); } .season-winter.auth-page { background: linear-gradient(160deg, #e3eaf8 0%, #c9d8f0 40%, #f0f4fc 100%); } /* ─── Image de fond (body non-auth) ──────────────────────── */ body:not(.auth-page) .bg-overlay { background-image: var(--bg-image, none); } /* Script inline dans header.php injecte --bg-image via style attribute */ /* Exemple : */ /* ─── Barre de navigation active ─────────────────────────── */ .season-spring .nav-link.active { background: rgba(74,158,92,.12); color: #2d6e3e; } .season-summer .nav-link.active { background: rgba(46,125,50,.12); color: #1b5e20; } .season-autumn .nav-link.active { background: rgba(191,96,32,.12); color: #7d3c14; } .season-winter .nav-link.active { background: rgba(74,111,165,.12); color: #2c4a7a; } /* ─── FullCalendar overrides saisonniers ─────────────────── */ .season-spring .fc-toolbar-title { color: #2d6e3e; } .season-spring .fc-button-primary { background: #4a9e5c !important; border-color: #3a8a4e !important; } .season-spring .fc-daygrid-day.fc-day-today { background: rgba(74,158,92,.08) !important; } .season-summer .fc-toolbar-title { color: #1b5e20; } .season-summer .fc-button-primary { background: #2e7d32 !important; border-color: #1b5e20 !important; } .season-summer .fc-daygrid-day.fc-day-today { background: rgba(46,125,50,.08) !important; } .season-autumn .fc-toolbar-title { color: #7d3c14; } .season-autumn .fc-button-primary { background: #bf6020 !important; border-color: #9a4e18 !important; } .season-autumn .fc-daygrid-day.fc-day-today { background: rgba(191,96,32,.08) !important; } .season-winter .fc-toolbar-title { color: #2c4a7a; } .season-winter .fc-button-primary { background: #4a6fa5 !important; border-color: #3a5a8a !important; } .season-winter .fc-daygrid-day.fc-day-today { background: rgba(74,111,165,.08) !important; } /* ─── Alertes : couleur d'accent saisonnière ─────────────── */ .season-spring .alert-info { border-color: #a5d6a7; background: #eafaf0; color: #1e5e30; } .season-summer .alert-info { border-color: #a5d6a7; background: #eafaf0; color: #1e5e30; } .season-autumn .alert-info { border-color: #ffcc80; background: #fff8ee; color: #7d3c14; } .season-winter .alert-info { border-color: #a9c2e3; background: #eaf0fb; color: #1e3a6e; }