﻿/* This file contains CSS declarations which override Bootstrap's default set of classes and variables. */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

:root {
    /* GWES color scheme (primaries) */
    --gw-p-severe-red: #dd2a00;
    --gw-p-alert-orange: #f98800;
    --gw-p-storm-gray: #1f2a33;
    --gw-p-cloudy-white: #f8f8f8;

    /* GWES color scheme (secondaries) */
    --gw-s-severe-red: #ea3826;
    --gw-s-alert-orange: #fc9a30;
    --gw-s-storm-gray: #283944;
    --gw-s-cloudy-white: #e8e8e8;
}

/* noinspection CssUnresolvedCustomProperty */
body {
    --bs-body-bg: var(--gw-p-storm-gray) !important;
    --bs-body-font-family: Poppins, var(--bs-font-sans-serif);
}

code {
    font-size: 1em !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--gw-p-cloudy-white) !important;
}

.bg-primary {
    background: linear-gradient(-45deg, var(--gw-s-cloudy-white), var(--gw-p-cloudy-white)) no-repeat !important;
}

.bg-warning {
    background: linear-gradient(-45deg, var(--gw-s-alert-orange), var(--gw-p-alert-orange)) no-repeat !important;
}

.bg-danger {
    background: linear-gradient(-45deg, var(--gw-s-severe-red), var(--gw-p-severe-red)) no-repeat !important;
}

.btn-warning {
    background-color: var(--gw-p-alert-orange) !important;
    border-color: var(--gw-s-alert-orange) !important;
}

.btn-danger {
    background-color: var(--gw-p-severe-red) !important;
    border-color: var(--gw-s-severe-red) !important;
}
