/* ============================================================
   OLAQIN UNIVERS · FRONT SHELL — nav publique partagée (source unique)
   À inclure sur les pages front : <link rel="stylesheet" href="assets/front-shell.css">
   + <script src="assets/front-shell.js"></script> (avant </body>).
   Le script remplace toute <nav class="nav"> existante par la nav canonique
   (solid + bascule thème + recherche + lien Outils) et l'item actif.
   Thème front : clé localStorage 'univers-theme'. Footer laissé tel quel.
   ============================================================ */
.nav.solid{ background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(20px) saturate(140%); box-shadow:0 1px 0 var(--border); }
.nav.solid.scrolled{ box-shadow:0 1px 0 var(--border), var(--sh-sm); }
.fs-ico{ width:17px; height:17px; display:inline-block; vertical-align:middle; flex-shrink:0; }
.nav .nav-tools{ display:flex; align-items:center; gap:10px; margin-left:auto; }
.nav .nav-search{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--text-soft); background:var(--surface); border:1px solid var(--border); border-radius:var(--r-pill); padding:7px 13px; cursor:text; }
.nav .nav-search kbd{ font-family:var(--ff-mono); font-size:10px; background:var(--bg-warm); border:1px solid var(--border); border-radius:4px; padding:1px 5px; color:var(--text-soft); }
.nav .theme-btn{ width:38px; height:38px; border-radius:var(--r-md); border:1px solid var(--border-2); background:var(--surface); color:var(--text-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all var(--t-base); }
.nav .theme-btn:hover{ color:var(--accent-ddk); border-color:var(--accent); }
[data-theme="dark"] .nav .theme-btn:hover{ color:var(--olq-violet); }