body {
  background-image: url('../images/bg_image.jpg');
    background-repeat: repeat-x;
    background-attachment: fixed;
   background-color: #f8f9fa;
     font-family: 'Nunito', sans-serif;
}
:root {
  /* PRIMARY BASE COLOR */
  --primary: #48465e;
  --accent: #da8d12;
  /* Bootstrap mapping */
  --bs-primary: var(--primary);
  --bs-primary-rgb: 72, 70, 94;

  /* Variants */
  --primary-hover: #3e3c55;
  --primary-active: #302e42;
}

.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);

  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-border-color: var(--primary-hover);

  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* OUTLINE PRIMARY */
.btn-outline-primary {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);

  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.card {
  border-radius: 15px !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
a {
  text-decoration: none;
  font-weight: 600;
  color: var(--accent);
}