/* Parisian Agenda v2 : thème « Soie », inspiré du DESIGN.md d'Oura (getdesign.md/oura/design-md).
   Analyse indépendante de motifs publics, sans lien avec la marque : on reprend seulement les principes (papier crème chaud,
   serif éditorial fin pour les titres, or et sauge très doux, encre presque noire pour les actions, grands arrondis, bandes de lumière).
   Chargé EN DERNIER : redéfinit les jetons de app.css pour le thème clair (par défaut) et le thème sombre chaud. */

:root, html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f1e8; --bg2:#efe7da; --card:#ffffff; --card2:#f4ede1;
  --line:#e1dcd3; --line2:#ece6dc;
  --tx:#1c1b1a; --tx2:#4a4741; --tx3:#6f6d69;
  --acc:#9a6613; --acc2:#7d520e; --accTx:#ffffff; --accLink:#8a5a0f; --acc-rgb:154,102,19;
  --danger:#c0391f; --ok:#4f6b3f;
  --shadow:0 18px 50px rgba(75,55,25,.14);
  --glass:rgba(28,27,26,.46); --glass-line:rgba(255,255,255,.4); --photo-acc:#f1d08c;
  --veil:linear-gradient(to top,rgba(28,22,14,.72) 0%,rgba(28,22,14,.10) 55%,transparent 88%);
  --focus:#9a6613;
  --r:24px; --r2:14px;
  --btn-bg:#1c1b1a; --btn-tx:#ffffff; --btn-hv:#39221e;
  --chip-on-bg:#f0e1bd; --chip-on-tx:#5b4206; --chip-on-bd:#ddbe78;
  --glow1:rgba(221,170,97,.30); --glow2:rgba(206,212,184,.45);
  --ff:"Avenir Next","AkkuratLL","Helvetica Neue",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --fd:"Editorial New","Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1b1917; --bg2:#23201d; --card:#2a2622; --card2:#332e29;
  --line:rgba(247,241,232,.16); --line2:rgba(247,241,232,.08);
  --tx:#f7f1e8; --tx2:#d9d0c1; --tx3:#a8a093;
  --acc:#ddaa61; --acc2:#e8be80; --accTx:#1c1b1a; --accLink:#e8be80; --acc-rgb:221,170,97;
  --danger:#ff9a85; --ok:#a8c58f;
  --shadow:0 20px 60px rgba(0,0,0,.6);
  --glass:rgba(20,18,16,.6); --glass-line:rgba(255,255,255,.25); --photo-acc:#f1d08c;
  --focus:#ddaa61;
  --btn-bg:#f7f1e8; --btn-tx:#1c1b1a; --btn-hv:#ddaa61;
  --chip-on-bg:#3a3123; --chip-on-tx:#f1d08c; --chip-on-bd:#8d6a2f;
  --glow1:rgba(221,170,97,.16); --glow2:rgba(132,150,113,.14);
}

/* lumière: halos doux dorés et sauge sur le papier */
body{
  background-image:radial-gradient(900px 520px at 12% -8%,var(--glow1),transparent 62%),radial-gradient(760px 480px at 100% 4%,var(--glow2),transparent 60%);
  background-repeat:no-repeat;background-attachment:fixed;
}
@media(min-width:1000px){ body{background-image:radial-gradient(1000px 560px at 18% -10%,var(--glow1),transparent 62%),radial-gradient(800px 520px at 100% 0,var(--glow2),transparent 60%)} }

/* typographie: serif éditorial fin pour les titres, sans-serif aérée pour le texte */
h1,h2,h3,.sect-t,.page-head h1{font-family:var(--fd);font-weight:400;letter-spacing:-.005em}
h1{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.08;font-weight:300;letter-spacing:-.015em}
.sect-t{font-size:1.5rem;line-height:1.15;font-weight:400;margin-top:26px}
.sub-t,.eyebrow,.nfx-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.7rem;color:var(--tx3)}
.nfx-bbtitle,.poi-card .thumb h3,.poi-card.compact h3{font-family:var(--fd);font-weight:400;letter-spacing:-.005em}
.nfx-bbtitle{font-weight:300;letter-spacing:-.02em}
body{line-height:1.6}

/* boutons: pilules d'encre, très sobres; survol espresso */
.btn,.cta{
  background:var(--btn-bg);color:var(--btn-tx);border-radius:999px;font-weight:600;letter-spacing:.01em;min-height:48px;box-shadow:none;
  border:1px solid transparent;transition:background var(--dur-base),color var(--dur-base),transform var(--dur-fast);
}
.btn:hover,.cta:hover{background:var(--btn-hv);filter:none}
html[data-theme="dark"] .btn:hover,html[data-theme="dark"] .cta:hover{color:#1c1b1a}
.btn:active,.cta:active{transform:scale(.97);filter:none}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line);border-color:color-mix(in srgb,var(--tx) 28%,transparent)}
.btn.ghost:hover{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--tx);border-color:var(--acc)}

/* recherche: pilule blanche, ombre très légère, loupe dorée */
.search{margin:18px 0 8px}
.search .search-input,input.search-input[type=search]{
  height:56px;border-radius:999px;padding-left:52px;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 24px rgba(120,90,40,.10);
}
select,input[type=text],input[type=date]{border-radius:14px;background:var(--card);border:1px solid var(--line)}
.search .si{left:20px;color:var(--acc)}
input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--acc) 55%,transparent);border-color:var(--acc)}

/* puces: pilules claires; actif = or pâle */
.chip{background:var(--card);border-color:var(--line);color:var(--tx2);font-weight:500}
.chip:hover{border-color:var(--acc);color:var(--tx)}
.chip.on{background:var(--chip-on-bg);color:var(--chip-on-tx);border-color:var(--chip-on-bd);font-weight:600}
.nfx-chip.on{background:var(--chip-on-bg);color:var(--chip-on-tx);border-color:var(--chip-on-bd)}
.pills li{background:var(--card2);border-color:transparent;color:var(--tx2);font-weight:500}
.pill-btn{border-color:var(--line);color:var(--tx);font-weight:600;letter-spacing:.02em}

/* cartes: blanches, très arrondies, ombre veloutée */
.card{border-radius:var(--r);background:var(--card);border:1px solid var(--line2);box-shadow:0 2px 14px rgba(120,90,40,.06)}
.poi-card{border-radius:var(--r);border:0;background:var(--card);box-shadow:0 4px 22px rgba(120,90,40,.10);overflow:hidden}
.poi-card:hover{box-shadow:0 12px 34px rgba(120,90,40,.20)}
.poi-card .cat-pill{background:rgba(255,253,248,.9);color:#3d352a;border:0;backdrop-filter:blur(6px);font-weight:600}
.poi-card>.fav-btn{background:rgba(255,253,248,.82);border:0;color:#3d352a;backdrop-filter:blur(6px)}
.poi-card>.fav-btn.on{color:#c0391f}
.nfx-must{background:#f0e1bd;color:#5b4206}
html[data-theme="dark"] .nfx-must{background:#3a3123;color:#f1d08c}

/* navigation: voile crème, onglet actif en or profond */
.topbar{background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tabs{background:color-mix(in srgb,var(--bg) 88%,transparent);border-top:1px solid var(--line2)}
.tabs a{font-weight:600;color:var(--tx3)}
.tabs a[aria-current="page"]{color:var(--acc)}
@media(min-width:1000px){
  .tabs{background:color-mix(in srgb,var(--bg2) 55%,transparent);border-right:1px solid var(--line2)}
  .tabs a{border-radius:999px}
  .tabs a[aria-current="page"]{background:color-mix(in srgb,var(--acc) 12%,transparent)}
}

/* bandeau d'accueil: grand panneau lumineux à gauche (desktop), voile chaud sur la photo (mobile) */
.nfx-bb{box-shadow:0 14px 44px rgba(120,90,40,.16)}
@media(max-width:999px){
  .nfx-bbveil{background:linear-gradient(to top,rgba(28,22,14,.82) 0%,rgba(28,22,14,.46) 42%,rgba(28,22,14,.04) 78%)}
  .nfx-bbtxt,.nfx-bbtitle,.nfx-bbshort,.nfx-eyebrow{color:#fff}
  .nfx-bbbtns .btn{background:#fff;color:#1c1b1a}
  .nfx-bbbtns .btn:hover{background:#f1d08c;color:#1c1b1a}
  .nfx-bbbtns .btn.ghost{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.8)}
  .nfx-credit,html[data-theme="light"] .nfx-credit{color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.6)}
}

/* fiches, alertes, lecteur */
.sheet{border-radius:var(--r) var(--r) 0 0}
.alert{border-radius:var(--r2)}
.tips{border-radius:var(--r2);background:color-mix(in srgb,var(--acc) 8%,var(--card))}
input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--acc)}