/* =============================================================
   biblio-perso.css — pont spécifique « Biblio Maison »
   À charger APRÈS tokens-perso.css. Le socle tokens-perso.css reste
   INTACT (portable pour toute la suite) : tout le spécifique appli
   (accent prune, mapping des variables legacy, pilotage dark manuel)
   vit ici.
   ============================================================= */

/* ---- 1. Accent app : prune #8b6db0.
   Défini dans :root (repli système avant JS) puis réaffirmé sous
   [data-theme] plus bas pour battre le @media du socle. ---- */
:root {
  --accent:      #8b6db0;
  --accent-deep: #6f5490;                 /* texte accent lisible sur fond clair */
  --accent-soft: rgba(139,109,176,.10);
  --accent-line: rgba(139,109,176,.28);
  --focus-ring:  rgba(139,109,176,.18);
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent:      #a98cc9;               /* prune éclairci pour le sombre */
    --accent-deep: #c4abdd;
    --accent-soft: rgba(169,140,201,.16);
    --accent-line: rgba(169,140,201,.34);
    --focus-ring:  rgba(169,140,201,.24);
  }
}

/* ---- 2. Pilotage dark par le bouton manuel (theme.js pose [data-theme]).
   On réaffirme les neutres perso + l'accent pour reprendre la main sur le
   @media du socle quand un choix localStorage existe. Sans data-theme
   (avant JS / JS off), le @media du socle + du bloc 1 sert de repli. ---- */
[data-theme="light"] {
  --ink:#2a2620; --muted:#7a736a; --paper:#fffcf8; --line:#eee7de; --page-bg:#f4efe7;
  --sand:#f6e7d3; --cream:#fff3df; --terra:#f3d5c4;
  --accent:#8b6db0; --accent-deep:#6f5490;
  --accent-soft:rgba(139,109,176,.10); --accent-line:rgba(139,109,176,.28); --focus-ring:rgba(139,109,176,.18);
  --danger:#b5483f; --danger-bg:rgba(181,72,63,.08);
  --shadow-sm:0 2px 8px rgba(69,52,43,.08); --shadow-card:0 18px 55px rgba(69,52,43,.12); --shadow-pop:0 8px 24px rgba(43,38,32,.22);
  color-scheme:light;
}
[data-theme="dark"] {
  --ink:#f2e9dd; --muted:#b0a596; --paper:#241f1b; --line:#392f27; --page-bg:#1b1713;
  --sand:#3a2f24; --cream:#33291d; --terra:#46352b;
  --accent:#a98cc9; --accent-deep:#c4abdd;
  --accent-soft:rgba(169,140,201,.16); --accent-line:rgba(169,140,201,.34); --focus-ring:rgba(169,140,201,.24);
  --danger:#e08078; --danger-bg:rgba(224,128,120,.12);
  --shadow-sm:0 2px 8px rgba(0,0,0,.4); --shadow-card:0 18px 55px rgba(0,0,0,.5); --shadow-pop:0 8px 24px rgba(0,0,0,.55);
  color-scheme:dark;
}

/* ---- 3. Mapping variables legacy (style.css) -> tokens perso.
   Références var() : suivent automatiquement light/dark. Un par ligne,
   token cible en commentaire. ---- */
:root {
  --bg:        var(--page-bg);       /* fond de page */
  --panel:     var(--paper);         /* surfaces / cartes */
  --ink-soft:  var(--muted);         /* texte secondaire */
  --ink-mute:  var(--muted);         /* texte tertiaire */
  --line-soft: var(--line);          /* séparateurs doux */
  --rose:      var(--accent);        /* ex-accent rosé -> prune */
  --rose-dk:   var(--accent-deep);   /* accent foncé */
  --rose-lt:   var(--accent-line);   /* accent clair / bordure */
  --brown:     var(--accent-deep);   /* ex-brun -> accent foncé */
  --input-bg:  var(--paper);         /* fond des champs */
  --hover-bg:  var(--cream);         /* survols */
  --cell-dim:  var(--sand);          /* cellules atténuées (étagère) */
  --shadow:    var(--shadow-sm);     /* ombre générique (ex-locale) */
  /* --ink, --line, --danger, --danger-bg, --accent-soft, --accent-line,
     --focus-ring : déjà fournis par tokens-perso -> aucun mapping requis. */

  /* Sidebar : fond brun profond, texte crème (ex-verts en dur) */
  --sidebar:        #241f1b;
  --sidebar-ink:    #f2e9dd;         /* ex-#cde8d4 */
  --sidebar-muted:  #b8ab9a;         /* ex-#7aaa82 / #8ab292 */
  --sidebar-hover:  rgba(139,109,176,.16); /* ex-rgba(74,140,100,.12) */
  --sidebar-active: rgba(139,109,176,.28); /* ex-rgba(74,140,100,.2) */

  /* Étagère : planche bois chaude (ex-#8A7060 -> #6A5040) */
  --shelf-wood: linear-gradient(180deg,#8a6f56 0%,#5f4a39 100%);

  /* Voile de fond de page (ex-dégradés verts) */
  --page-tint-a: rgba(139,109,176,.10);
  --page-tint-b: rgba(243,213,196,.30);
}
[data-theme="dark"] {
  --sidebar:        #14100c;
  --sidebar-muted:  #a99a86;
  --sidebar-hover:  rgba(169,140,201,.20);
  --sidebar-active: rgba(169,140,201,.32);
  --page-tint-a: rgba(169,140,201,.10);
  --page-tint-b: rgba(70,53,43,.30);
}