/* Self-hosted fonts (TTF) for Ram-Shell
   Put your .ttf files directly in: /Content/fonts/
   If your filenames differ, just edit the URLs below.
*/

@font-face {
  font-family: 'League Spartan';
  src: url('/Content/fonts/LeagueSpartan-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'League Spartan';
  src: url('/Content/fonts/LeagueSpartan-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'League Spartan';
  src: url('/Content/fonts/LeagueSpartan-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Archivo Black';
  src: url('/Content/fonts/ArchivoBlack-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Anton';
  src: url('/Content/fonts/Anton-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Oswald';
  src: url('/Content/fonts/Oswald-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

.rs-brand {
  font-family: 'League Spartan', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  line-height: 1;
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
  text-decoration: none;
  color: #0D5EEA;
}
.rs-brand::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 6px; border-radius: 3px;
  background: linear-gradient(90deg, currentColor 0%, rgba(0,0,0,0) 85%);
}

/* Optional preload:
<link rel="preload" as="font" type="font/ttf" href="/Content/fonts/LeagueSpartan-VariableFont_wght.ttf" crossorigin>
*/