@import url("https://use.typekit.net/pao7lfg.css");

:root {
    --coursula-primary-petrol-color: #33bac6;
    --coursula-primary-grey-color: #575756;

    /* SECONDARY */
    --coursula-secondary-petrol-light-color: #e2f5f7;
    --coursula-secondary-petrol-dark-color: #c1e9ed;
    --coursula-secondary-grey-light-color: #dadada;

    /* Color for links */
    --coursula-link-color: #9f2d5c;
}

/* set the basic font */
body {
    font-family: "noto-sans", sans-serif;
    line-height: 1.5;
}

/* Set the bootstrap primary color */
.btn-primary, .btn-outline-primary:hover, .page-link {
    background-color: var(--coursula-primary-petrol-color);
    border-color: var(--coursula-primary-petrol-color);
    color: white;
}

.btn-primary:hover, .btn-outline-primary, .btn-outline-dark:hover {
    background-color: var(--coursula-primary-grey-color);
    border-color: var(--coursula-primary-grey-color);
    color: white;
}

.notifier.danger {
    border-left-color: var(--coursula-link-color);
}

.btn-danger, .btn-outline-danger:hover {
    background-color: var(--coursula-link-color);
    border-color: var(--coursula-link-color);
    color: white;
}

.btn-outline-danger {
    background-color: white;
    border-color: var(--coursula-link-color);
    color: var(--coursula-link-color);
}

.alert-danger {
    border-color: var(--coursula-link-color);
    background-color: var(--coursula-link-color);
    color: white;
}