@import './themes/themes.css';

:root {
    /* Common */
    --font-family: Roboto, sans-serif;

    /* h1 */
    --h1-font-size: 70px;
    --h1-font-weight: 800;
    --h1-primary-color: #FFFFFF;

    /* h2 */
    --h2-font-size: 50px;
    --h2-font-weight: 600;
    --h2-primary-color: #202020;
    --h2-seconadry-color: #FFFFFF;

    /* Subtitle */

    --h1-subtitle-font-size: 23px;
    --h2-subtitle-font-size: 20px;

    --subtitle-font-weight: 400;

    /* Text */
    --text-font-size: 20px;
    --text-font-weight: 400;
    --text-line-height: 140%;

    /* Hyper Text */
    --hyper-text-main-font-size: 20px;
    --hyper-text-main-line-height: 140%;
    --hyper-text-main-font-weight: 600;
    --hyper-text-main-font-color: #E8E8E8;

    --hyper-text-ad-font-size: 16px;
    --hyper-text-ad-font-weight: 400;
    --hyper-text-ad-font-color: #E6E6E6;
    
    /*Button*/
    --button-primary-border-radius: 0;
    --button-primary-normal-fill-color: #E85A26;
    --button-primary-normal-border-color: #E85A26;
    --button-primary-normal-font-color: #fff;
    --button-primary-font-weight: 700;

    --button-primary-hover-fill-color: #fff;
    --button-primary-hover-border-color: #E85A26;
    --button-primary-hover-font-color: #E85A26;

    /*Form*/
    --form-text-font-size: 18px;
    
    /* PRIMARY STYLES */
    --bg-color: #fff;
    --h-color: #fff;
    --subtitle-color: #FBFBFB;
    --text-color: #E8E8E8;
    --link-hover-color: #E85A26;
    --accent-color: #E85A26;
    
    /* PRIMARY BLOCK STYLES */
    --block-primary-bg-color: #F7F8FC;
    --block-primary-bg-hover-color: #ECF3F6;
    --block-primary-h-color: #1A2833;
    --block-primary-text-color: #545961;
    --block-primary-link-hover-color: #CE201A;
    --block-primary-box-shadow: none;
    --block-primary-border: solid 1px;
    --block-primary-border-color: #E6E6E6;
    --block-primary-border-radius: 30px;
    --block-primary-accent-color: #CE201A;

    /* SECONDARY BLOCK STYLES */
    --block-seconadry-bg-color: #152028;

    /* Input */
    --input-placeholder-color: #999999;
    --input-text-color: #1A2833;
    --input-border-color: #fff;
    --input-bg-color: #F8F8F8;
}