:root {
    --mp-font-text: 'SnT';
    --mp-font-heading: 'SnT';

    --mp-body-bg-color: rgba(250, 250, 250, 1);
    --mp-body-color: #000;

    --mp-border-radius-lg: 12px !important;

    /** Branding */
    --mp-primary-color: #005083;
    --mp-primary-color-rgb: 0, 80, 131;
    --mp-accent-color: #3FB498;
    --mp-accent-color-rgb: 63, 180, 152;
    --mp-danger-color: red;
    --mp-danger-color-rgb: 255, 0, 0;
    --mp-success-color: green;
    --mp-success-color-rgb: 0, 128, 0;
    --mp-warning-color: #f5cfcf;
    --mp-warning-color-rgb: 245, 207, 207;
    --mp-info-color: #f5cfcf;
    --mp-info-color-rgb: #f5cfcf;
    --mp-muted-color: #555555;

    /** Bg layouts */
    --mp-preloader-bg-color: #005083;
    --mp-footer-bg-color: #005083;
    --mp-header-bg-color: transparent;
    --mp-sidebar-bg-color: #fff;

    /** Links */
    --mp-link-color: #005083;
    --mp-link-hover-color: rgba(0, 80, 131, .7);
    --mp-link-header-color: #000;
    --mp-link-header-hover-color: rgba(119, 119, 119, .7);
    --mp-link-footer-color: #fff;
    --mp-link-footer-hover-color: rgba(255, 255, 255, .7);

    /** Material pallets */
    --palette-primary-50-rgb: rgb(224, 234, 240) !important;
    --palette-primary-100-rgb: rgb(179, 203, 218) !important;
    --palette-primary-200-rgb: rgb(128, 168, 193) !important;
    --palette-primary-300-rgb: rgb(77, 133, 168) !important;
    --palette-primary-400-rgb: rgb(38, 106, 150) !important;
    --palette-primary-500-rgb: rgb(0, 80, 131) !important;
    --palette-primary-600-rgb: rgb(0, 73, 123) !important;
    --palette-primary-700-rgb: rgb(0, 64, 112) !important;
    --palette-primary-800-rgb: rgb(0, 55, 102) !important;
    --palette-primary-900-rgb: rgb(0, 39, 83) !important;
    --palette-primary-A100-rgb: rgb(133, 179, 255) !important;
    --palette-primary-A200-rgb: rgb(82, 147, 255) !important;
    --palette-primary-A400-rgb: rgb(31, 115, 255) !important;
    --palette-primary-A700-rgb: rgb(6, 99, 255) !important;

    --palette-accent-50-rgb: rgb(232, 246, 243) !important;
    --palette-accent-100-rgb: rgb(197, 233, 224) !important;
    --palette-accent-200-rgb: rgb(159, 218, 204) !important;
    --palette-accent-300-rgb: rgb(121, 203, 183) !important;
    --palette-accent-400-rgb: rgb(92, 191, 167) !important;
    --palette-accent-500-rgb: rgb(63, 180, 152) !important;
    --palette-accent-600-rgb: rgb(57, 173, 144) !important;
    --palette-accent-700-rgb: rgb(49, 164, 133) !important;
    --palette-accent-800-rgb: rgb(41, 156, 123) !important;
    --palette-accent-900-rgb: rgb(27, 140, 106) !important;
    --palette-accent-A100-rgb: rgb(197, 255, 236) !important;
    --palette-accent-A200-rgb: rgb(146, 255, 219) !important;
    --palette-accent-A400-rgb: rgb(95, 255, 202) !important;
    --palette-accent-A700-rgb: rgb(70, 255, 194) !important;

    --logo-src: url('/assets/logo/logo.svg');
    --logo-xs-src: url('/assets/logo/logo--xs.svg');
}

/** Stand logo settings */
.logo-img {
    content: var(--logo-src);
    height: 32px;
}

.logo-img--xs {
    content: var(--logo-xs-src);
    height: 16px;
}