/* =========================================================
   Theme: Black & Gold
   Loaded after style.css. Swaps the RallyXtreme navy for the
   black, gold and red of the Rix Engineering logo.
   ========================================================= */
:root {
  --header-bg: #000000;
  --dark: #121212;
  --dark-2: #1c1c1c;
  --footer-bg: #0a0a0a;
  --heading: #141414;
  --accent: #f2a900;
  --accent-2: #e8641b;
  --accent-3: #c62a1f;
}

.hero-band {
  background: linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 55%, var(--accent-3) 100%);
  border-top: 0;
  color: #111;
}
.hero-band .dot { color: inherit; }

.section--dark {
  background-image:
    radial-gradient(circle at 20% 20%, rgba(242,169,0,.07) 0, transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(198,42,31,.08) 0, transparent 45%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 2px, transparent 2px 14px);
}

.section-title::after { background: linear-gradient(90deg, var(--accent), var(--accent-3)); }
.service-box h3::after { background: var(--accent-2); }

.btn:hover, .btn:focus-visible { color: #000; }

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: var(--accent-2);
  box-shadow: 0 0 0 3px rgba(232,100,27,.18);
}

.site-footer {
  border-top: 4px solid transparent;
  border-image: linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3)) 1;
}

.page-top { background: #222; border-color: #555; }
.page-top:hover { color: #000; }

.lightbox { background: rgba(0,0,0,.92); }