:root {
    --color-primary: #EA3325;
    --color-secondary: rgba(255, 255, 255, 0.20);

    --header-background-gradient: transparent;
    --header-nav-toggler-color: #fff;

    --nav-hover-font-weight: 700;
    --nav-link-hover-color: var(--color-primary);
    --nav-link-opacity: 0.8;
    --nav-active-border-bottom: 1px solid var(--color-primary);

    --footer-background-color: #0F1017;
    --footer-social-color: #0C080F;
    --footer-social-background-color: #ffffff;

    /* Splides */
    --splide-hero-margin-right: 64px;
    --splide-portrait-margin-right: 6px;
    --splide-default-margin-right: 6px;
    --splide-track-padding-bottom: 15px;

    /* Buttons */
    --button-primary-color: #FFFFFF;
    --button-primary-background-color: var(--color-primary);
    --button-primary-border-color: var(--color-primary);
    --button-primary-hover-color: #0F1017;
    --button-primary-hover-background-color: var(--color-primary);
    --button-primary-hover-border-color: var(--color-primary);

    --button-secondary-background-color: var(--color-secondary);
    --button-secondary-border-color: var(--color-secondary) !important;

    --button-submit-color: #fff;
    --button-submit-background-color: var(--color-primary);
    --button-submit-border-color: var(--color-primary);
    --button-submit-hover-color: #fff;
    --button-submit-hover-background-color: var(--color-primary);
    --button-submit-hover-border-color: var(--color-primary);

    --button-lg-padding: 8px 36px 9px 28px;
    --button-sm-padding: 4px 8px;

    --button-sm-border-radius: 4px;
    --button-lg-border-radius: 4px;

    /* Accordion */
    --accordion-border-color: #3F4045;
    --accordion-divide-color: #0F1017;
    --accordion-item-background: #3F4045;
    --accordion-header-color: #fff;
    --accordion-header-background: #1B1C23;
    --accordion-body-color: #fff;
    --accordion-body-background: #1B1C23;

    /* Cards */
    --card-primary-background-color: #0F1017;
    --card-primary-border: 2px solid #3F4045;
    --card-primary-padding: 50px 40px;
    --card-primary-hr-border-color: #6B7378;

    /* Forms */
    --form-select-background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    --form-control-primary-background-color: #1B1C23;
    --form-control-primary-border: 1px solid #3F4045;
    --form-control-primary-border-radius: 3px;
    --form-control-primary-color: rgba(255, 255, 255, 0.6);

    /* Modals */
    --modal-border: 2px solid #3F4045;
    --bs-border-color:#3F4045;
    --modal-border-radius: 8px;

    --modal-body-background-color: #0F1017;
    --modal-body-border-top: 0px;
    --modal-body-border-bottom: 0px;
    --modal-body-border-left: 0px;
    --modal-body-border-right: 0px;
    --modal-body-border-radius: 6px 6px 0px 0px;
    --modal-body-padding:3rem;

    --modal-footer-background-color: #0F1017;
    --modal-footer-border-top: 2px solid #3F4045;
    --modal-footer-border-bottom: 0px;
    --modal-footer-border-left: 0px;
    --modal-footer-border-right: 0px;
    --modal-footer-border-radius: 0px 0px 6px 6px;
    --modal-footer-padding: 20px 110px;

    /* Badges */
    --badge-pill-line-height: 16px;
    --badge-pill-font-size: 14px;
    --badge-pill-vertical-align: text-bottom;
    --badge-pill-padding: 0.15em 0.3em;
    --badge-pill-border-radius: 4px;
    --badge-info-border: 1px solid #fff;

    /* Images */
    --thumbnail-border-radius: 3px;
    --img-placeholder: #666666AA;

    /* Play Icon */
    --play-icon-color: #FFFFFF;
    --play-icon-background: var(--color-primary);
    --play-icon-border: var(--color-primary);

    /* Heros */
    --hero-blur-background: rgba(0, 0, 0, 0.8);
    --hero-bottom-gradient-background: linear-gradient(180deg, rgba(15, 16, 23, 0) 0%, #0F1017 100%);
    ;

    /* Sections */
    --section-background-color: #1B1D22;
    --section-border-color: #3E393F;
    --section-title-border-color: #ffffff;

    /* Sliders */
    --slider-pagination-background-color: rgba(255, 255, 255, 0.4);
    --slider-pagination-active-background-color: rgba(255, 255, 255, 0.8);
    --slider-more-link-color: var(--color-primary);
    --slider-more-link-hover-color: var(--color-primary);

    /* Text */
    --text-color: inherit;
    --text-secondary-color: rgba(var(--bs-secondary-rgb), 1);
    --text-muted-color: #6c757d;

    /* Dropdown */
    --dropdown-item-color: #fff;
    --dropdown-item-hover-color: #000;
    --dropdown-item-active-color: #000;
    --dropdown-item-active-hover-color: #000;
    --dropdown-item-hover-background: var(--color-primary);
    --dropdown-item-active-background: var(--color-primary);
    --dropdown-item-active-hover-background: var(--color-primary);

    /* Misc */
    --progress-bar-background: var(--color-primary);

    --page-title-line-color: var(--color-primary);

    --account-bg: #1B1C23;
    --account-update-color: var(--color-primary);

    --breadcrumb-color: #ffffff;
    --breadcrumb-active-color: #ffffff;
    --breadcrumb-seperator-color: #ffffff;

    --pulse-background: var(--color-primary);
    --pulse-box-shadow: var(--color-primary);

    --bs-font-sans-serif: proxima-nova, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #ffffff;
    --bs-body-bg: #0F1017;

    .swiper[data-type=hero] .swiper-button>svg {
        fill: var(--color-primary) !important;
    }

    .swiper-button>svg {
        fill: var(--color-primary) !important;
    }

    .swiper-pagination-bullet-active {
        background: var(--color-primary);
    }

    .modal-backdrop {
        opacity: 0.4 !important;
    }
}