/* ============================================================ THEME CLAIR (DA "Mistral") pour les pages projet Activé quand a la classe .theme-light (cf. localStorage 'theme'). Surcharge les variables de styles.css : tout se recolore. ============================================================ */ @import url('https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap'); html.theme-light{ --bg:#F4F0E6; --bg-elev:#FBF9F3; --bg-elev-2:#F0E9D8; --line:rgba(22,19,15,.10); --line-2:rgba(22,19,15,.18); --text:#16130F; --muted:#6c6357; --faint:#9a9286; --accent:#FF6E1A; --accent-ink:#16130F; --accent-soft:rgba(255,110,26,.16); --font-display:'General Sans','Space Grotesk',system-ui,sans-serif; --font-body:'General Sans',system-ui,sans-serif; } /* fond crème + grille subtile */ html.theme-light body{ background-color:var(--bg); background-image: linear-gradient(to right, rgba(22,19,15,.08) 1px, transparent 1px), linear-gradient(to bottom, rgba(22,19,15,.08) 1px, transparent 1px); background-size:72px 72px; background-position:center top; background-attachment:fixed; } /* curseur natif + on masque le chrome sombre (curseur custom, grain, barre) */ html.theme-light, html.theme-light a, html.theme-light button, html.theme-light *{cursor:auto !important} html.theme-light .cursor, html.theme-light .grain, html.theme-light .scroll-progress{display:none !important} /* NAV : capsule claire */ html.theme-light .nav__inner{ background:rgba(251,249,243,.72); border-color:rgba(22,19,15,.14); box-shadow:0 14px 40px -24px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.55); } html.theme-light .nav.is-scrolled .nav__inner{background:rgba(251,249,243,.88);border-color:rgba(22,19,15,.14)} html.theme-light .nav__links a:not(.nav__cv):hover{color:var(--text);background:rgba(22,19,15,.06)} html.theme-light .nav__links a.is-current:not(.nav__cv){color:var(--text);background:rgba(22,19,15,.05)} /* logos : versions rouges (les blanches sont invisibles sur crème) */ html.theme-light .logo-mark{background-image:url("assets/logo-red.png")} html.theme-light .nav__logo:hover .logo-mark{background-image:url("assets/logo-red.png")} html.theme-light .footer__logo{background-image:url("assets/logo-red.png")} /* boutons */ html.theme-light .btn--primary{background:var(--accent);color:#fff} html.theme-light .btn--primary:hover{background:#ff8a3d} html.theme-light .nav__cv:hover{background:var(--accent);color:#fff !important;border-color:var(--accent)}