:root {
  --bs-body-bg: #101a22;
  --bs-body-color: #ffffff;

  --bs-primary-rgb: 47, 164, 214;
  --bs-primary: #2FA4D6;
  --bs-primary-hover: #278FBA;
  --bs-primary-disabled: #2FA4D6;

  --bs-heading-color: #ffffff;
  --bs-btn-bg: #2FA4D6; 
  --bs-btn-border-color: #2FA4D6;

  --bs-secondary-rgb: 190, 190, 190;
}

.bg-opacity-5 {
  --bs-bg-opacity: 0.05;
}

p {
  white-space: pre-line;
  font-size: 1.05rem;
}

.btn-primary {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-hover-border-color: var(--bs-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--bs-primary);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-primary-hover);
  --bs-btn-active-border-color: var(--bs-primary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: var(--bs-primary-disabled);
  --bs-btn-disabled-border-color: var(--bs-primary-disabled);
}

.bg-texture {
  background:
    radial-gradient(circle at 50% 30%, #1A1A1A 0%, #000000 20%),
    #0F0F0F;

  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}