/* ═══════════════════════════════════════════════════════════════════════════
   Nocturne — RETINT des pages à JS lourd (live LoL/Valo/RL, pages data, party).
   Ces pages gardent leur markup + leur JS + leur CSS de page ; ce fichier se
   charge APRÈS base.css et remappe uniquement les *tokens* (couleurs, police,
   texture) vers la palette Nocturne. Zéro changement de structure → zéro risque
   de casser le JS, tout en donnant l'identité Nocturne (dark blue-grey, accent
   blurple, JetBrains Mono, scanlines).
   base.css importe déjà JetBrains Mono (--font-mono) : pas de nouvel import.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Grounds (du plus profond au plus élevé) → bleu-gris Nocturne */
  --bg-void:      #161826;
  --bg-dark:      #191b29;
  --bg-base:      #1b1d2c;
  --bg-surface:   #232532;
  --bg-card:      #232532;
  --bg-elevated:  #2b2e3d;
  --bg-hover:     rgba(145,132,217,0.08);

  /* Accent signature or → blurple Nocturne (#9184d9) */
  --gold-1:   #9184d9;
  --gold-2:   #d2cefd;
  --gold-3:   #b5abfc;
  --gold-4:   #5d5294;
  --gold-dim: rgba(145,132,217,0.14);
  --gold-glow: 0 0 24px rgba(145,132,217,0.35);

  /* Texte → rampe Nocturne */
  --text-primary:   #e9e9ed;
  --text-secondary: #b2b6ca;
  --text-muted:     #75798c;

  /* Bordures → teinte accent */
  --border-gold:   rgba(145,132,217,0.28);
  --border-subtle: rgba(145,132,217,0.12);
  --border-dark:   rgba(255,255,255,0.07);
  --line:          rgba(255,255,255,0.08);

  /* Alias sémantiques */
  --accent:    #9184d9;
  --hub-accent: #9184d9;        /* stream/legal utilisent --hub-accent */
  --rl-accent:  #9184d9;

  /* Couleurs d'équipe / statut CONSERVÉES (bleu/rouge/vert = sémantique jeu) */

  /* Typo alignée sur l'Accueil : titres en Inter (au lieu de Space Grotesk) */
  --font-title: 'Inter', system-ui, sans-serif;
  /* Glow d'accent plus discret → rendu plat Nocturne (moins "gaming") */
  --gold-glow: 0 0 16px rgba(145,132,217,0.22);
  --border-gold: rgba(145,132,217,0.22);
}

/* Accent unifié : neutralise les accents par-univers (lol=or, rl=orange, valo=rouge…) */
body[data-accent] { --acc: #9184d9; }

/* Chrome unifié vers la nav plate de l'Accueil (topbars des pages retintées) */
#nav, #topbar, #rltb {
  border-bottom: 1px solid var(--border-subtle) !important;
  box-shadow: none !important;
}
.nav-link:hover, .nav-link.active,
.tb-nav-link:hover, .tb-nav-link.active,
.rltb-link:hover, .rltb-link.active { color: var(--gold-1) !important; }

/* ── Switch de mode LoL : League of Legends ⇄ Classic (type TFT, à customiser) ── */
.lol-mode-switch {
  display: inline-flex; margin: 14px 16px 0; overflow: hidden;
  border: 1px solid var(--border-gold); border-radius: 8px;
}
.lol-mode-switch button {
  font: inherit; font-size: 13px; cursor: pointer; padding: 7px 16px;
  background: transparent; border: 0; color: var(--text-secondary);
}
.lol-mode-switch button + button { border-left: 1px solid var(--border-dark); }
.lol-mode-switch button:hover { color: var(--gold-1); }
.lol-mode-switch button.active { color: var(--gold-1); box-shadow: inset 0 0 0 1px var(--gold-1); }
.lol-classic-view {
  max-width: 620px; margin: 48px auto; text-align: center; padding: 0 16px;
  color: var(--text-secondary);
}
.lol-classic-view .ic { font-size: 46px; opacity: .5; }
.lol-classic-view h2 { margin: 12px 0 8px; color: var(--text-primary); }
body:not(.mode-classic) .lol-classic-view { display: none; }
/* En mode Classic : masque le contenu LoL des pages champions / items / runes */
body.mode-classic #page-grid,
body.mode-classic #page-detail,
body.mode-classic #items-filters,
body.mode-classic #items-count,
body.mode-classic #items-grid,
body.mode-classic #page-runes { display: none !important; }

/* Police mono (terminal / data-dashboard) + fond scanlines */
body {
  font-family: var(--font-mono), 'JetBrains Mono', monospace;
  background-color: var(--bg-void);
  background-image: repeating-linear-gradient(to bottom,
    transparent 0 3px, rgba(233,233,237,0.02) 3px 4px);
}