/* Custom Bootstrap Stylesheet for Calumma */

:root {
  --calumma-primary_old: #5c6bc0;
  --calumma-primary: #7826D4;
  --calumma-secondary: #ab47bc;
  --calumma-accent: #7e57c2;
  --calumma-light: #e1bee7;
  --calumma-dark: #311b92;
  --calumma-background-grey: #f2f2f2;
  --calumma-background: #ffffff;
  --calumma-text: #333333;
  --calumma-navbar: #4a148c;
  --calumma-purple: #7826D4;
}

/* Navbar */
.navbar {
  background-color: var(--calumma-primary);
  box-shadow: 0px 1px 5px #aeafb1, 0px -1px 5px #aeafb1;
}

.navbar .nav-link {
  color: var(--calumma-background);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: var(--calumma-light);
}

.navbar .nav-link.active {
  color: var(--calumma-background);
  background-color: var(--calumma-dark);
}

/* Buttons */
.btn-primary {
  background-color: var(--calumma-accent);
  border-color: var(--calumma-accent);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--calumma-secondary);
  border-color: var(--calumma-secondary);
}

/* Background and Text */
body {
  background-color: var(--calumma-background);
  color: var(--calumma-text);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--calumma-purple);
}

/* Links */
a {
  color: var(--calumma-primary);
}

a:hover, a:focus {
  color: var(--calumma-dark);
}

.bg-light {
  background-color: var(--calumma-light);
}

.bg-pattern2 {
  background-color: var(--calumma-background-grey);
  box-shadow: 0px 1px 5px #aeafb1, 0px -1px 5px #aeafb1;  
}

@font-face {
  font-family: 'Days One';
  src: url('../fonts/DaysOne-Regular.ttf') format('truetype');
}

.daysOne-font {
  font-family: 'Days One', sans-serif;
}