/* ═══════════════════════════════════════════════════════
   DRAGON BANE — BROWSER.CSS
   Thème parchemin médiéval (desktop)
   Les valeurs par défaut de base.css sont déjà parchemin,
   ce fichier ajoute les détails visuels (textures, ornements)
═══════════════════════════════════════════════════════ */

body.theme-browser {
  /* Les vars parchemin sont déjà dans :root via base.css */
  --font-base: 15px;
}

/* ── BODY & APP ── */
body.theme-browser {
  background: #d4c5a0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");
}

/* ── NAVIGATION ── */
body.theme-browser .tab-nav {
  background: linear-gradient(180deg, #6b4c2a 0%, #4a3018 100%);
  border-bottom: 3px solid #8b6914;
  padding: 0 4px;
  gap: 2px;
}
body.theme-browser .tab-btn {
  font-size: 12px;
  padding: 10px 18px;
  color: #d4b896;
  border-radius: 4px 4px 0 0;
  border: none;
  margin-bottom: -3px;
  position: relative;
}
body.theme-browser .tab-btn:hover {
  background: rgba(255,255,255,0.12);
  color: #f5e8c8;
}
body.theme-browser .tab-btn.active {
  background: #f5f0e8;
  color: #1a1209;
  border: 2px solid #8b6914;
  border-bottom: 2px solid #f5f0e8;
  font-weight: bold;
}

/* ── SECTIONS ── */
body.theme-browser .section-box {
  border: 2px solid #8b6914;
  background: #faf7f0;
}
body.theme-browser .section-title {
  background: linear-gradient(90deg, #5c3a1e 0%, #8b6914 100%);
  letter-spacing: 1.5px;
  font-size: 10px;
  padding: 6px 12px;
}

/* ── BOUTONS ── */
body.theme-browser .btn {
  background: linear-gradient(180deg, #f0e8d0 0%, #d4c4a0 100%);
  border: 2px solid #8b6914;
  color: #3a2010;
}
body.theme-browser .btn:hover {
  background: linear-gradient(180deg, #5c3a1e 0%, #3a2010 100%);
  color: #f5e8c8;
  border-color: #5c3a1e;
}
body.theme-browser .btn.primary {
  background: linear-gradient(180deg, #8b6914 0%, #5c3a1e 100%);
  color: #f5e8c8;
  border-color: #5c3a1e;
}
body.theme-browser .btn.primary:hover {
  background: linear-gradient(180deg, #6a4a10 0%, #3a1e0a 100%);
}

/* ── CARDS ── */
body.theme-browser .card {
  border: 2px solid #8b6914;
}
body.theme-browser .card-header {
  background: linear-gradient(90deg, #ede4cf 0%, #e0d0b0 100%);
  border-bottom-color: #8b6914;
}

/* ── TABLE ── */
body.theme-browser .data-table th {
  background: linear-gradient(90deg, #5c3a1e 0%, #8b6914 100%);
}

/* ── FICHE PERSONNAGE — ajustements parchemin ── */
body.theme-browser .dragon-title {
  background: linear-gradient(90deg, #5c3a1e 0%, #8b6914 50%, #5c3a1e 100%);
  color: #f5e8c8;
  border-color: #5c3a1e;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  letter-spacing: 6px;
}
body.theme-browser .sheet {
  background: #faf7f0;
  border-color: #8b6914;
}
body.theme-browser .nom-row,
body.theme-browser .header-grid,
body.theme-browser .stats-section,
body.theme-browser .bonus-grid,
body.theme-browser .section-box {
  border-color: #8b6914;
}
body.theme-browser .stat-circle,
body.theme-browser .indice-circle {
  border-color: #8b6914;
}
body.theme-browser .armes-table th {
  background: linear-gradient(90deg, #5c3a1e 0%, #8b6914 100%);
}
body.theme-browser .armes-table td { border-color: #8b6914; }
body.theme-browser .repos-row { border-color: #8b6914; }
body.theme-browser .points-box { border-color: #8b6914; }
body.theme-browser .mort-section { border-color: #8b6914; }