@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@500;600;700&display=swap');

/* ============================================================
   GIANTS — SWAPPABLE THEME LAYER
   Loaded after each page's inline <style>; overrides shared
   classes so the whole site re-skins from this one file.
   Current theme: THROWBACK / RETRO NFL
   ============================================================ */

:root {
  --rt-cream:  #f3ede1;   /* aged paper background      */
  --rt-card:   #fbf7ee;   /* card stock                 */
  --rt-edge:   #e3d8c2;   /* worn edge                  */
  --rt-navy:   #0B2265;
  --rt-red:    #b71c1c;   /* deeper vintage red         */
  --rt-silver: #9aa1a6;   /* throwback silver           */
  --rt-ink:    #25303b;
  --rt-display:'Anton', 'Oswald', Impact, sans-serif;
  --rt-cond:   'Oswald', 'Arial Narrow', sans-serif;
}

/* ── Aged paper + halftone dot texture ─────────────────────── */
body {
  background-color: var(--rt-cream) !important;
  background-image: radial-gradient(rgba(11,34,101,0.07) 1.2px, transparent 1.2px) !important;
  background-size: 9px 9px !important;
  background-attachment: fixed !important;
  color: var(--rt-ink) !important;
  /* Base font for ALL text (everything inherits this) → condensed Oswald */
  font-family: var(--rt-cond) !important;
}

/* ── Condensed, all-caps display type ──────────────────────── */
.page-title,
.player-name,
.player-card__name,
.player-identity,
.empty-state h2,
.state-card h2,
.stat-leader__name,
.chart-card-header h2,
.radar-card__header h2,
.stat-section__header h3,
.card-header h2,
.team-total__value,
.stat-value,
.rating-box__value {
  font-family: var(--rt-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 400 !important;
}

.page-title {
  display: inline-block;
  color: var(--rt-navy) !important;
  font-size: 30px !important;
  border-bottom: 5px solid var(--rt-red);
  padding-bottom: 6px;
}

/* Labels / buttons → condensed Oswald */
.filter-group label,
.stat-label,
.rating-box__label,
.stat-leader__label,
.stat-leader__badge,
.stat-table th,
.btn-search,
.btn-clear,
.btn-compare,
.details-link,
.edit-btn,
.season-pill,
.player-position,
.player-number {
  font-family: var(--rt-cond) !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}

/* ── Chunky card stock: bold border + hard retro shadow ────── */
.filter-panel,
.player-card,
.empty-state,
.chart-card,
.selector-card,
.state-card,
.radar-card,
.stat-section,
.card {
  background: var(--rt-card) !important;
  border: 2px solid var(--rt-navy) !important;
  border-radius: 6px !important;
  box-shadow: 5px 5px 0 rgba(11,34,101,0.13) !important;
}

.player-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 7px 9px 0 rgba(183,28,28,0.18) !important;
}

/* Inset tiles → darker card stock with navy keyline */
.stat-leader,
.stat-box,
.rating-box {
  background: #efe7d6 !important;
  border: 1.5px solid var(--rt-navy) !important;
  border-radius: 4px !important;
}

/* ── Header bands → vintage navy, silver base rule ─────────── */
.chart-card-header,
.radar-card__header,
.stat-section__header,
.card-header {
  background: var(--rt-navy) !important;
  border-bottom: 3px solid var(--rt-silver) !important;
}

/* Accent bars → vintage red */
.header-accent,
.card-header .header-accent { background: var(--rt-red) !important; }

/* Card top stripe → navy / silver / red jersey stripe */
.card-accent {
  height: 6px !important;
  background: linear-gradient(90deg,
    var(--rt-navy) 0 38%, var(--rt-silver) 38% 50%,
    var(--rt-red) 50% 62%, var(--rt-silver) 62% 74%,
    var(--rt-navy) 74% 100%) !important;
}

/* Panel top-borders → red */
.filter-panel,
.selector-card { border-top: 5px solid var(--rt-red) !important; }

/* Count badge → vintage red block */
.results-bar .count-badge {
  background: var(--rt-red) !important;
  border-radius: 4px !important;
}

/* Buttons → chunky retro blocks with hard shadow */
.btn-search,
.btn-compare,
.details-link,
.edit-btn {
  border-radius: 5px !important;
  box-shadow: 3px 3px 0 rgba(11,34,101,0.2) !important;
}
.details-link,
.btn-compare { background: var(--rt-red) !important; }

/* ── Navbar: navy slab with a bold red sideline ────────────── */
.gn-nav {
  background: var(--rt-navy) !important;
  border-bottom: 5px solid var(--rt-red) !important;
  box-shadow: 0 3px 0 var(--rt-silver) !important;
}

/* Navbar type → theme fonts (brand = display, links = condensed) */
.gn-nav__brand-name { font-family: var(--rt-display) !important; letter-spacing: 1px !important; }
.gn-nav__brand-sub,
.gn-nav__link       { font-family: var(--rt-cond) !important; }