/* Components */
@import "components/accordion.css";
@import "components/all-access-card.css";
@import "components/banner.css";
@import "components/button.css";
@import "components/category-button.css";
@import "components/confetti-wrapper.css";
@import "components/containers.css";
@import "components/edit-profile-popup.css";
@import "components/footer.css";
@import "components/grid.css";
@import "components/header.css";
@import "components/input.css";
@import "components/interstitial-popup.css";
@import "components/layout.css";
@import "components/link.css";
@import "components/modal.css";
@import "components/popup.css";
@import "components/play-button.css";
@import "components/prize-card.css";
@import "components/profile.css";
@import "components/profile-card.css";
@import "components/progress-indicator.css";
@import "components/rank-card.css";
@import "components/ribbon-popup.css";
@import "components/swiper.css";
@import "components/terms-footer.css";
@import "components/toast.css";
@import "components/toggle.css";
@import "components/toggle-tabs.css";
@import "components/typography.css";
@import "components/upsell-card.css";
@import "components/utils.css";
@import "components/vip-card.css";
@import "components/winner-card.css";
@import "components/winner-prize-card.css";
@import "components/rankings.css";
@import "components/xp-line-chart.css";
@import "components/xp-popup.css";
@import "components/image.css";
@import "components/svg.css";
@import "components/top-up.css";

/*Views*/
@import "views/auth.css";
@import "views/categories.css";
@import "views/content-upsell.css";
@import "views/general.css";
@import "views/home.css";
@import "views/interstitial.css";
@import "views/menu.css";
@import "views/opt-in.css";
@import "views/play.css";
@import "views/prizes.css";
@import "views/profile.css";
@import "views/vip-upsell.css";
@import "views/welcome.css";
@import "views/winners.css";

/*Views*/
@import "util.css";

:root {

    --color-default-footer-bg: #FFFFFF;
    --color-default-footer-font: #000000;

    --color-default-bg: #FFFFFF;
    --color-default-font: #000000;
    --color-default-font-inverse: #FFFFFF;

    --color-default-black: #000000;
    --color-default-white: #FFFFFF;
    --color-neutral-default: #AAAAAA;
    --color-neutral-tint-1: #EEEEEE;
    --color-primary-default: #3741C7;
    --color-primary-shade-1: #0C136B;
    --color-primary-tint-1: #89CBFF;
    --color-secondary-default: #FFBD29;
    --color-secondary-shade-1: #D4970F;
    --color-status-error-default: #F10000;
    --color-status-success-default: #22C274;
    --color-status-success-shade-1: #00A655;
    --color-system-default: #1b1b1b;
    --color-system-default-tint-1: #FFFFFF;
    --color-system-default-tint-2: #e1f2ff;
    --color-system-default-tint-3: #444444;
    --color-system-default-tint-4: #7B7B7B;
    --color-tertiary-default: #e1f2ff;

    --color-border-default: #35c3f2;

    --gradient-primary: linear-gradient(to bottom, #545ee6, #3741c7 100%),
        linear-gradient(to bottom, #3470eb 0%, #4651d3);
}

html,
body {
    background-color: var(--color-default-white);
    color: var(--color-default-black);
    height: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body.body--white {
    background: #FFF;
}

body.body--primary-tint {
    background: #FFE9EB;
}

body,
button,
input {
    font-family: 'Poppins', sans-serif;
}

form {
    margin-block-end: 0;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

[role=button],
button {
    cursor: pointer;
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    border: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}