/* styles */


:root {
    --white: #FFFFFF;
  	--black: #000000;
    
    --grey: #F2F4F6;
    --grey-light: #F6F7F9;
    --grey-dark: #D8DADC;

    --white-transparent: rgba(255, 255, 255, 0.5);
    --black-transparent: rgba(0, 0, 0, 0.5);

    --color-primary: #E74C4C;
  	--color-secondary: #E43636;

  	--bg-default: var(--color-primary);
    --bg-head: rgba(0, 0, 0, 0.8);
    --bg-head-link-hover: rgba(255, 255, 255, 0.1);
    --bg-white: var(--white);
    --bg-primary-light: #FAD6D6;
    --bg-primary-lighter: #FCE7E7;
    --bg-primary-lightest: #FEF9F9;
    --bg-foot: var(--white);
    --bg-button: var(--color-primary);
    --bg-button-hover: var(--color-secondary);
    --bg-button-disabled: #D3D3D3;
    --bg-button-auth: var(--grey);
    --bg-button-auth-hover: var(--grey-dark);
    --bg-input: var(--bg-white);
    --bg-input-text: var(--bg-primary-light);
    --bg-item-hover: var(--grey-light);

    --text: #464646;
    --text-light: #828282;  
    --text-headline: #000000;
    --text-subheading: #464646;
    --text-menu: var(--white);
    --text-menu-light: #A4A4A4;
    --text-menu-dark: #646464;
    --text-link: var(--text-subheading);
    --text-link-hover: var(--color-primary);
    --text-price: #000000;
    --text-positive: #00BB00;
    --text-negative: #E50000;
    --text-product-title: var(--text-headline);
    --text-product: var(--text);

    --button-text-auth: var(--text);
    --button-icon: #AAAAAA;
    --button-icon-hover: var(--color-primary);

    --radius-default: 0.5rem;
    --radius: 1rem;
    --radius-button: 2rem;

    --border-default: var(--grey);
    --border-light: var(--grey-light);
    --border-dark: var(--grey-dark);
    --border-input: var(--grey);
    --border-input-white: var(--white);
    --border-input-colour: var(--bg-primary-light);
    --border-item: var(--grey-light);
    
    --head-link: var(--white);
    --head-link-hover: var(--white);

    --foot-text: var(--black);
    --foot-link: var(--black);
    --foot-link-hover: var(--color-primary);
}	

* {
    margin: 0;
    padding: 0;
    font-family: "Readex Pro", "Segoe UI", sans-serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.02rem;
    line-height: 1.5;

    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    /*
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
}

a {
    border: 0;
    outline: none;
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style: none;
}

input[type="submit"], input[type="button"],
input[type="submit"]:focus, input[type="button"]:focus,
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: none;
}

img {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.shadow_one_edge {
    -webkit-box-shadow: 0 0.5rem 0.375rem -0.375rem var(--black-transparent);
    -moz-box-shadow: 0 0.5rem 0.375rem -0.375rem var(--black-transparent);
    box-shadow: 0 0.5rem 0.375rem -0.375rem var(--black-transparent);
}

.shadow_full {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


/* styles */