@charset "UTF-8";
/*
.nav
"light":      #ffd69d,
"dark":       #22222c,
"primary":    #67322b,
"secondary":  #1f717c,
"info":       #f64d13,
"success":    #549808,
"warning":    #ffbb54,
"danger":     #ec0462,
*/
:root,
[data-bs-theme=light] {
  --bs-primary: #3d1d18;
  --bs-secondary: #1f717c;
  --bs-success: #549808;
  --bs-info: #f64d13;
  --bs-warning: #ffbb54;
  --bs-danger: #ec0462;
  --bs-light: #ffd69d;
  --bs-dark: #22222c;
}

[data-bs-theme=dark] {
  --bs-primary: #3d1d18;
  --bs-secondary: #1f717c;
  --bs-success: #549808;
  --bs-info: #f64d13;
  --bs-warning: #ffbb54;
  --bs-danger: #ec0462;
  --bs-light: #ffd69d;
  --bs-dark: #22222c;
}
body {
  background-image: linear-gradient(to bottom right, white, var(--bs-light), var(--bs-primary));
}
h1 {
  color: var(--bs-primary);
}
p {
  color: var(--bs-dark);
}
#navbar {
  background-color: var(--bs-dark);
  .fs-4 {
    color:whitesmoke;
  }
  a {
    color:whitesmoke;
  }
}

.custom-btn {
  background-color: var(--bs-primary);
  color:whitesmoke;
}

.custom-btn2 {
  color:var(--bs-dark);
  outline-color: var(--bs-dark);
  outline: var(--bs-dark);
  border: 1px solid var(--bs-dark);
}

.bg-custom {
  background-color: var(--bs-secondary);
}

.bg-custom2 {
  background-color: var(--bs-info);
}

.bg-custom3 {
  background-color: var(--bs-success);
}

.text-custom {
  color: var(--bs-primary)
}