@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');

:root {
    --primary-color: #006087;
    --secondary-color: #006087;
    --accent-color-1: #e9596d;
    --accent-color-2: #ffc312;
    --accent-color-3: #f4f4e4;
    --accent-color-3-rgb: 244, 244, 228;
    --title-font: 'Raleway', sans-serif;
    --title-font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--title-font), serif;
    font-weight: var(--title-font-weight);
}

.card-img-container {
    height: 200px;
    overflow: hidden;
}

.card-img-fixed {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Bootstrap Overrides*/
:root {
    --bs-body-bg: var(--accent-color-3);
    --bs-body-bg-rgb: var(--accent-color-3-rgb);
    --bs-primary-color: var(--primary-color);
    --bs-secondary-color: var(--accent-color-1);
    --bs-tertiary-color: var(--accent-color-2);
}