/* ============================================================
   EASTERN ROLEPLAY — Typographie globale
   Bebas Neue (titres) + Barlow (textes) — node-app
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Bebas+Neue&display=swap');

:root {
    --font-body: Barlow, Arial, sans-serif;
    --font-display: 'Bebas Neue', sans-serif;
    --er-accent: #ea7e33;
    --er-accent-glow: rgba(234, 126, 51, 0.45);
}

body,
input,
textarea,
select,
button,
.form-control {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.navbar-brand,
.modal-title,
.hero-title,
.hero-title-line {
    font-family: var(--font-display);
    letter-spacing: 0.02em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

body,
.btn,
.form-control,
input,
textarea,
select,
button {
    font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.modal-title,
.hero-title,
.hero-title-line,
.jumbotron h1 {
    font-family: var(--font-display) !important;
    letter-spacing: 0.02em;
}

nav.navbar a.nav-link {
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}