:root {
    --mp-font-text: 'Open Sans';
    --mp-font-heading: 'Open Sans';

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

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

    /** Branding */
    --mp-primary-color: #245e36;
    --mp-primary-color-rgb: 36, 94, 54;
    --mp-accent-color: #593416;
    --mp-accent-color-rgb: 89, 52, 22;
    --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: #245e36;
    --mp-header-bg-color: transparent;
    --mp-sidebar-bg-color: #fff;

    /** Links */
    --mp-link-color: #593416;
    --mp-link-hover-color: rgba(62, 36, 15, 1);
    --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(220, 237, 218) !important;
    --palette-primary-100-rgb: rgb(187, 215, 178) !important;
    --palette-primary-200-rgb: rgb(150, 190, 140) !important;
    --palette-primary-300-rgb: rgb(113, 165, 103) !important;
    --palette-primary-400-rgb: rgb(81, 146, 74) !important;
    --palette-primary-500-rgb: rgb(36, 94, 54) !important; /* base #245e36 */
    --palette-primary-600-rgb: rgb(40, 85, 43) !important;
    --palette-primary-700-rgb: rgb(35, 75, 38) !important;
    --palette-primary-800-rgb: rgb(30, 65, 33) !important;
    --palette-primary-900-rgb: rgb(20, 45, 23) !important;
    --palette-primary-A100-rgb: rgb(190, 230, 190) !important;
    --palette-primary-A200-rgb: rgb(140, 210, 140) !important;
    --palette-primary-A400-rgb: rgb(90, 180, 90) !important;
    --palette-primary-A700-rgb: rgb(70, 160, 70) !important;

    --palette-accent-50-rgb: rgb(229, 214, 198) !important;
    --palette-accent-100-rgb: rgb(203, 175, 150) !important;
    --palette-accent-200-rgb: rgb(173, 132, 98) !important;
    --palette-accent-300-rgb: rgb(143, 89, 54) !important;
    --palette-accent-400-rgb: rgb(119, 58, 27) !important;
    --palette-accent-500-rgb: rgb(89, 52, 18) !important;
    --palette-accent-600-rgb: rgb(76, 44, 15) !important;
    --palette-accent-700-rgb: rgb(63, 36, 12) !important;
    --palette-accent-800-rgb: rgb(50, 29, 9) !important;
    --palette-accent-900-rgb: rgb(36, 20, 5) !important;
    --palette-accent-A100-rgb: rgb(244, 216, 180) !important;
    --palette-accent-A200-rgb: rgb(233, 190, 138) !important;
    --palette-accent-A400-rgb: rgb(210, 156, 85) !important;
    --palette-accent-A700-rgb: rgb(195, 139, 59) !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: 50px;
}

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