/* ============================================================
   Eintracht Duisburg 1848 e.V. — Base Styles
   Schriften, Tokens, globale Bootstrap-Overrides
   ============================================================ */

/* ===== Selbst gehostete Schriften ===== */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'),
       url('../Fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: local('DM Sans'),
       url('../Fonts/DMSans-Variable.ttf') format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: local('DM Sans Italic'),
       url('../Fonts/DMSans-Italic-Variable.ttf') format('truetype');
}

/* ===== Brand tokens ===== */
:root {
  --ed-red:           #ff2c2c;
  --ed-red-dark:      #cc2020;
  --ed-dark:          #111827;
  --ed-muted:         #6b7280;
  --ed-bg:            #f6f7fb;
  --ed-card:          #ffffff;
  --ed-radius:        1rem;
  --ed-shadow:        0 4px 24px rgba(17, 24, 39, .08);
  --ed-shadow-hover:  0 12px 40px rgba(17, 24, 39, .16);
  --ed-transition:    0.2s ease;
}

/* ===== Bootstrap overrides ===== */
:root {
  --bs-primary:        var(--ed-red);
  --bs-body-bg:        var(--ed-bg);
  --bs-body-color:     var(--ed-dark);
  --bs-border-radius:  var(--ed-radius);
  --bs-link-color:     var(--ed-red);
  --bs-link-hover-color: var(--ed-red-dark);
}
body { font-family: 'DM Sans', system-ui, -apple-system, sans-serif; letter-spacing: .1px; }
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', Impact, Arial Narrow, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em;
}