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

    --mp-body-bg-color: rgba(246, 247, 251, 1);
    --mp-body-color: #000;

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

    /** Branding */
    --mp-primary-color: #1e73be;
    --mp-primary-color-rgb: 30, 115, 190;
    --mp-accent-color: #0ea51a;
    --mp-accent-color-rgb: 14, 165, 26;
    --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: #0ea51a;
    --mp-footer-bg-color: #fff;
    --mp-header-bg-color: transparent;
    --mp-sidebar-bg-color: #fff;

    /** Links */
    --mp-link-color: #1e73be;
    --mp-link-hover-color: rgba(30, 115, 190, .8);
    --mp-link-header-color: #000;
    --mp-link-header-hover-color: rgba(119, 119, 119, .7);
    --mp-link-footer-color: #000;
    --mp-link-footer-hover-color: rgba(119, 119, 119, .7);

    /** Material pallets */
    --palette-primary-50-rgb: rgb(228, 238, 247) !important;
    --palette-primary-100-rgb: rgb(188, 213, 236) !important;
    --palette-primary-200-rgb: rgb(143, 185, 223) !important;
    --palette-primary-300-rgb: rgb(98, 157, 210) !important;
    --palette-primary-400-rgb: rgb(64, 136, 200) !important;
    --palette-primary-500-rgb: rgb(30, 115, 190) !important;
    --palette-primary-600-rgb: rgb(26, 107, 184) !important;
    --palette-primary-700-rgb: rgb(22, 96, 175) !important;
    --palette-primary-800-rgb: rgb(18, 86, 167) !important;
    --palette-primary-900-rgb: rgb(10, 67, 153) !important;
    --palette-primary-A100-rgb: rgb(199, 218, 255) !important;
    --palette-primary-A200-rgb: rgb(148, 185, 255) !important;
    --palette-primary-A400-rgb: rgb(97, 152, 255) !important;
    --palette-primary-A700-rgb: rgb(71, 135, 255) !important;

    --palette-accent-50-rgb: rgb(226, 244, 228) !important;
    --palette-accent-100-rgb: rgb(183, 228, 186) !important;
    --palette-accent-200-rgb: rgb(135, 210, 141) !important;
    --palette-accent-300-rgb: rgb(86, 192, 95) !important;
    --palette-accent-400-rgb: rgb(50, 179, 60) !important;
    --palette-accent-500-rgb: rgb(14, 165, 26) !important;
    --palette-accent-600-rgb: rgb(12, 157, 23) !important;
    --palette-accent-700-rgb: rgb(10, 147, 19) !important;
    --palette-accent-800-rgb: rgb(8, 138, 15) !important;
    --palette-accent-900-rgb: rgb(4, 121, 8) !important;
    --palette-accent-A100-rgb: rgb(167, 255, 168) !important;
    --palette-accent-A200-rgb: rgb(116, 255, 118) !important;
    --palette-accent-A400-rgb: rgb(65, 255, 68) !important;
    --palette-accent-A700-rgb: rgb(39, 255, 43) !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: 60px;
}

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