/* ============================================================================
   ATLAS CULTUREL — FEUILLE DE STYLE PARTAGÉE (source unique de l'identité visuelle)
   RÈGLE DE PROJET : toute couleur / police / variable de thème vit ICI, et NULLE
   PART AILLEURS. Chaque page du site charge /assets/atlas.css. Changer le visuel
   du site entier = éditer ce fichier (instantané, gratuit, sans re-render).
   Les générateurs et gabarits n'utilisent QUE des var(--…) — jamais de hex codé en dur.
   ============================================================================ */
:root{
  /* — fonds — */
  --paper:#FAF6EE; --paper2:#F2ECDF; --paper3:#EAE1CF; --card:#FFFDF8; --sea:#F4EFE3;
  --paper-90:rgba(250,246,238,.94);        /* fond translucide (barre de nav) */
  /* — encres & filets — */
  --ink:#1C1714; --ink2:#4A443B; --ink3:#8B8173; --ink4:#C3B9A6; --rule:#E2D9C7;
  /* — accent or — */
  --gold:#9A7A22; --gold2:#B8900A; --goldbg:rgba(154,122,34,.08); --goldrim:rgba(154,122,34,.24);
  /* — profondeur : ombres CHAUDES (jamais grises) — */
  --shadow-sm:0 2px 10px rgba(28,23,20,.05);
  --shadow:0 16px 38px rgba(28,23,20,.10), 0 3px 8px rgba(28,23,20,.05);
  /* — typographie — */
  --serif:"Playfair Display",Georgia,serif; --read:"Spectral",Georgia,serif; --sans:"Archivo",system-ui,sans-serif;
  /* — couleurs par domaine (alignées sur DOMAINS dans data/graph.mjs) — */
  --d-peinture:#B07D2B; --d-art:#B07D2B; --d-musique:#7A5C86; --d-science:#2E6E7E;
  --d-philosophie:#9A5A36; --d-litterature:#5B6E4A; --d-cinema:#A65A47; --d-architecture:#9A6E3A;
  --d-danse:#9C5689; --d-photographie:#5A7A8A; --d-mode:#A44D7A; --d-gastronomie:#9A7B3A;
  --d-theatre:#7A4A4A; --d-bd:#3A7A6A; --d-jeu-video:#4A5AA0; --d-mythologie:#8A6A9A;
  /* — couleurs sémantiques de confiance (data-viz, indépendantes du thème) — */
  --c-etabli:#2E6E7E; --c-probable:#9A7A22; --c-hypothese:#9A5A36; --c-parallele:#7A5C86;
}
*{margin:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  color:var(--ink);font-family:var(--read);line-height:1.62;background:var(--paper);
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
/* ── raffinements éditoriaux globaux (héritent partout, données intactes) ── */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:rgba(154,122,34,.20);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
/* défilement discret, teinté chaud */
*{scrollbar-width:thin;scrollbar-color:var(--ink4) transparent}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:var(--ink4);border-radius:8px;border:3px solid var(--paper)}
::-webkit-scrollbar-thumb:hover{background:var(--ink3)}
/* ── slots publicitaires (AdSense) — présents sur toutes les familles de pages ── */
.ad-slot{display:flex;align-items:center;justify-content:center;background:var(--paper3);border:1px dashed var(--rule);color:var(--ink4);font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;}
.ad-leaderboard{width:100%;height:90px;max-width:728px;margin:0 auto;}
.ad-infeed{width:100%;min-height:90px;margin:28px auto;}
.ad-rectangle{width:300px;height:250px;float:right;margin:0 0 20px 28px;clear:right;}
@media(max-width:900px){.ad-rectangle{float:none;width:100%;height:90px;margin:16px 0;}}