:root {
    font-size: 62.5%;
    --color-primary: #2196f3;
    --color-primary-hover: #64B5F6;
    --color-primary-light: #64B5F6;
    --color-primary-light-hover: #90CAF9;
    --color-primary-dark: #0D47A1;
    --color-primary-dark-hover: #1976D2;
    --color-secondary: #FFCB00;
    --color-secondary-hover: rgb(246, 220, 120);
    --color-secondary-light: #FFEB3B;
    --color-secondary-light-hover: #FFF176;
    --color-secondary-dark: #F57F17;
    --color-secondary-dark-hover: #FBC02D;
    --ripple-dark: #0D47A1;
    --ripple-light: #FFF;
    --color-background: #fff;
    --color-background-disabled: rgba(0, 0, 0, 0.26);
    --color-text-dark: #161616;
    --color-text-light: #FFFFFF;
    --color-text-primary: #161616;
    --color-text-secondary: #FFFFFF;
    --color-text-primary-on-primary: var(--color-text-light);
    --color-text-secondary-on-secondary: var(--color-text-dark);
    --color-label: #161616;
    --color-label-primary: #161616;
    --color-label-secondary: #161616;
    --color-input-label: #BDC3C7;
    --color-input-label-primary: var(--color-input-label);
    --color-input-label-secondary: var(--color-input-label);
    --color-input-text: #161616;
    --color-input-text-primary: #161616;
    --color-input-text-secondary: #161616;
    --color-input-counter: rgba(0, 0, 0, 0.26);
    --color-input-counter-primary: rgba(0, 0, 0, 0.26);
    --color-input-counter-secondary: rgba(0, 0, 0, 0.26);
    --app-bar-background-color: #2196f3;
    --app-bar-color: #FFF;
    --app-bar-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    --nav-drawer-background-color: #FFF;
    --nav-drawer-menu-color: #161616;
    --nav-drawer-menu-color-active: #FFF;
    --nav-drawer-menu-background-active: #2196f3;
    --nav-drawer-menu-divider-background: #161616;
    --desktop-min-width: 960px;
    --mobile-max-width: 959px;
}

body {
    font-size: 14px;
}