/*
Bootstrap theme customization for this generated Yoru lineup document set.
Requirement: user requested Bootswatch Flatly, Valorant logo red as the main color, and Valorant fonts.
Bootstrap-native options used: Bootswatch Flatly CSS plus Bootstrap CSS variables for primary, link, body, and font stacks.
Scope: generated files under docs/yoru-lineups/compact only.
*/
@font-face {
  font-family: "Valorant";
  src: url("../fonts/Valorant Font.ttf") format("truetype");
  font-display: swap;
}

:root {
  --bs-primary: #ff4655;
  --bs-primary-rgb: 255, 70, 85;
  --bs-link-color: #ff4655;
  --bs-link-color-rgb: 255, 70, 85;
  --bs-link-hover-color: #d93645;
  --bs-link-hover-color-rgb: 217, 54, 69;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
}

h1,
h2,
h3,
h4,
h5,
.navbar-brand,
.card-header,
.badge {
  font-family: "Valorant", var(--bs-font-sans-serif);
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.text-bg-primary {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #d93645;
  --bs-btn-hover-border-color: #d93645;
  --bs-btn-active-bg: #bf2f3c;
  --bs-btn-active-border-color: #bf2f3c;
}