/* global variables */

:root {
    --fontsize: calc(0.3125rem + ((1vw - 3.6px) * 0.4965));
}

:root {
    /* add fluid rem function */
    font-size: max(37.5%, min(var(--fontsize), 62.5%));
    /* RWD */
    --media-tablet: (min-width: 992px);
    --media-pc: (min-width: 1300px);
    --global-width: min(calc(320px + ((1vw - 3.6px) * 88)), 130rem);
    --global-width--small: min(calc(320px + ((1vw - 3.6px) * 88)), 105.8rem);
    /*small

    /* colors */
    --color-white: #fff;
    --color-black: #000;
    --color-orange: #FF9700;
    /* fonts */
    --font-family-main: "Montserrat", sans-serif;
    --font-family-second: "PP Monument Extended", sans-serif;
    --font-size-small: max(12px, 1.2rem);
    --font-size-regular: max(15px, 1.5rem);
    --font-size-medium: max(17px, 2rem);
    --font-size-big: max(25px, 4.5rem);
    --font-size-title: max(30px, 5rem);
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    /* effects */
    --transition-duration: 0.3s;
    --transition-timing_function: ease;
    /* mr_menu */
    --mr_menu-hover_in_timeout: 100;
    --mr_menu-hover_out_timeout: 350;
    --mr_menu-menu-transition-property: opacity;
    --mr_menu-menu-transition-property-closed_value: 0;
    --mr_menu-menu-transition-property-open_value: 1;
    --mr_menu-submenu-transition-property: opacity;
    --mr_menu-submenu-transition-property-closed_value: 0;
    --mr_menu-submenu-transition-property-open_value: 1;
    --mr_menu-menu-icon-open: "☰";
    --mr_menu-menu-icon-close: "×";
    --mr_menu-submenu-icon-open: "☰";
    --mr_menu-submenu-icon-close: "×";
}

@media(min-width: 2048px) {
     :root {
        font-size: 85%;
    }
}

@media(min-width: 3840px) {
     :root {
        font-size: 140%;
    }
}