/* ==========================================
   BASE – VARIABLES, RESET, TYPO, COLORS
   ========================================== */

/* Root Theme Colors */
:root {
  --bg: #0a0a0a;
  --bg-soft: #0f1116;
  --panel: #161920;
  --panel-light: #1f232b;
  --line: #222;
  --text: #f3f3f3;
  --text-muted: #9aa6b8;

  --link: #00c9ff;
  --accent: #ffd000;

  --radius: 14px;
}

/* RESET */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: 'Genos', 'Poppins', 'Segoe UI', Roboto, sans-serif;
  line-height: 1.4;
}

/* Links */
a, a:visited {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: var(--link);
}

/* Headings */
h1, h2, h3, h4 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  letter-spacing: 1.2px;
}

/* Utility classes */
.hide { display: none !important; }
.text-muted { color: var(--text-muted); }
.text-accent { color: var(--accent); }

/* IMG DEFAULT */
img {
  display: block;
  width: 100%;
  height: auto;
}

/* Play nice with mobile */
@media (max-width: 768px) {
  body {
    background: var(--bg-soft);
  }
}
/* Modal désactivé sur Mobile */
@media (max-width: 768px) {
    #weeklyStatsModal,
    .stat-open-modal {
        display: none !important;
    }
}
/* ============================================
   GLOBAL FONT SYSTEM — BeatSessions
   ============================================ */

/* TITRES — GENOS */
h1, h2, h3, h4,
.main-title,
.hero h1,
.dj-mobile-name,
.club-mobile-name,
.section-title,
.top-name {
    font-family: 'Genos', sans-serif !important;
    font-weight: 700;
    letter-spacing: .5px;
}

/* TEXTE — POPPINS */
body, p, a, li, span, small,
.main-nav a,
.set-title,
.set-location,
.dj-stats,
.dj-bio,
.meta-title {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
}

/* Stats */
.stat-label, .stat-value {
    font-family: 'Genos', sans-serif !important;
}