:root {
    /* color */
    --primary-color: #4e73df;
    --danger-color: #f7094c;
    --danger-bg-color: #ffe8e8;
    --background-color: #f8f8f8;
    --title-color: #404040;
    --text-color: #343434;
    --light-text-color: #848484;
    --line-color: #f4f4f5;
    --front-bg-color: #FFF;
    --front-dark-bg-color: rgba(0, 0, 0, .02);
    --front-dark-bg-hover-color: #eaeaea;
    --header-color: #fff;
    --video-tag-bg: var(--primary-color);

    /* shadow */
    --primary-shadow: 0 26px 40px -24px rgba(0, 36, 100, .3);
    --light-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(16, 24, 40, 0.06) 0px 1px 2px 0px, rgba(16, 24, 40, 0.1) 0px 1px 3px 0px;

    /* size */
    --border-radius: 8px;

    /* other */
    --img-bg-blur-filter: blur(10px);
    --img-filter: none;
    --swiper-filter: none;
}