/* ═══════════════════════════════════════════════════════
   HANS INGOLD #99 — BLUE THEME (Original Farbwelt)
   Royal-Blau · Marine · Gelb — referenz: aktuelle hansingold.com
═════════════════════════════════════════════════════════ */

:root {
  /* Backgrounds */
  --black: #050D3A;          /* Marine — Hauptbackground */
  --carbon: #0B1758;         /* etwas heller — Cards / Sektionen */
  --carbon-2: #08114A;       /* tiefer — alternative Card-Variante */
  --off-white: #EEF1FF;      /* sehr helles Blau — Kontrast-Sektion */

  /* Text */
  --white: #FFFFFF;
  --grey: #B0BCDF;           /* bläulich-grau, hell */
  --grey-soft: #7484B2;      /* bläulich-grau, gedämpft */

  /* Accent (CTAs, Highlights) */
  --red: #F5C645;            /* Gelb — der Akzent */
  --red-glow: rgba(245, 198, 69, 0.5);
  --on-accent: #050D3A;      /* dunkles Blau — Text auf gelben Buttons */
  --accent-2: #122DC7;       /* Royal-Blau — sekundärer Akzent */
}

/* ── BODY / GLOBAL ──────────────────────────────────── */
body {
  background: var(--black);
  color: var(--white);
}

/* ── HERO BACKGROUND TINT ───────────────────────────── */
.hero-slide {
  /* leicht andere Filter-Behandlung für blaue Theme — Helm-Rot soll erhalten bleiben */
  filter: contrast(1.05) saturate(0.95) brightness(0.5);
}
.hero-vignette {
  background:
    radial-gradient(ellipse at 30% 50%, transparent 0%, rgba(5,13,58,0.45) 60%, var(--black) 100%),
    linear-gradient(180deg, rgba(5,13,58,0.55) 0%, transparent 20%, transparent 65%, rgba(5,13,58,0.92) 100%),
    linear-gradient(90deg, rgba(5,13,58,0.88) 0%, rgba(5,13,58,0.35) 35%, rgba(5,13,58,0) 60%);
}

/* Hero 99: Royal-Blau outline + sanftes gelbes Glow on init */
.hero-99 {
  -webkit-text-stroke-color: rgba(245, 198, 69, 0.18);
}

/* ── PRE-LOADER ─────────────────────────────────────── */
.pre-counter {
  text-shadow:
    0 0 80px rgba(245, 198, 69, 0.45),
    0 0 0 rgba(245, 198, 69, 0);
}
.pre-counter::before {
  background: linear-gradient(180deg, transparent 0%, transparent 48%, rgba(245,198,69,0.55) 50%, transparent 52%);
  background-size: 100% 200%;
}

/* ── SPONSORING SECTION TINT ────────────────────────── */
.sponsoring {
  background:
    radial-gradient(ellipse at top, rgba(245, 198, 69, 0.06), transparent 60%),
    var(--black);
}

/* ── PROGRESS BAR ───────────────────────────────────── */
.progress-fill {
  background: linear-gradient(90deg, var(--red), #ffd966);
}

/* ── HOVER-Shadows (gelb glow) ──────────────────────── */
.btn-primary:hover {
  box-shadow: 0 8px 32px var(--red-glow);
}

/* ── COUNTDOWN COLON in Gelb (statt rot) ────────────── */
.cd-divider { color: var(--red); }

/* ── EYEBROW STRIPE (rot → gelb) ────────────────────── */
.eyebrow::before { background: var(--red); }

/* ── PACKAGE HAUPTSPONSOR (gelb Gradient) ───────────── */
.pkg-top {
  background: linear-gradient(180deg, var(--red), #d4a425);
}

/* ── KIND HINTER #99: Marc-Marquez Highlight ────────── */
.kind-facts strong { color: var(--accent-2); }

/* ── RACE-CARD-BACK (Gelb statt Rot) ────────────────── */
.race-card-back {
  background: var(--red);
}

/* ── HERO HEADLINE MOTOGP-MORGEN Underline ──────────── */
.hero-headline .line-2 .line-inner::after {
  background: var(--red);
}

/* ── SCROLL ARC / SPEEDOMETER ───────────────────────── */
/* Inline SVG strokes — die nutzen schon var(--red), passt von selbst */

/* ── PRESS-MODAL-CLOSE bleibt gelb mit dunkelblauem X ─ */
/* (automatisch via --on-accent) */

/* ── TICKER LIVE-Label: gelb mit dunkelblauem Text ──── */
/* (automatisch via --on-accent) */

/* ── FRAME CORNERS (subtil heller) ──────────────────── */
.frame-corner {
  border-color: rgba(245, 198, 69, 0.45);
}

/* ── TWINT block stripe ─────────────────────────────── */
.twint-block { border-left-color: var(--red); }

/* ── RACE LOG / SAISON 2026 ─────────────────────────── */
/* Pillar radial glow: rot → gelb */
.pillar::before {
  background: radial-gradient(ellipse at top right, rgba(245, 198, 69, 0.08), transparent 60%);
}
/* Race-Row hover background: rot-tint → gelb-tint */
.rl-row:hover {
  background: rgba(245, 198, 69, 0.05);
}
/* Race-Log linker Gradient-Stripe (rot → gelb) */
.race-log::before {
  background: linear-gradient(180deg, var(--red) 0%, transparent 100%);
}
/* Status-Dot Pulse Ring */
.rs-dot::after {
  border-color: var(--red);
}
/* Watermark "2026" — etwas hellerer Stroke auf Marine */
.saison-watermark {
  -webkit-text-stroke-color: rgba(245, 198, 69, 0.08);
}
/* Country-Pillar Featured: Border-Top gelb */
.pillar.featured {
  background: linear-gradient(180deg, var(--carbon) 0%, var(--carbon-2) 100%);
}

/* ── SCROLLBAR (Press Modal) ────────────────────────── */
.press-modal-scroll {
  scrollbar-color: var(--red) var(--carbon);
}

/* Theme-Switch is defined in style.css globally */