//Colors
$white: #fff;
$black: #000;
$red: #E52313;
$orange: #F1943E;
$orange-tint: #EC8024;
$pink: #E21B4A;
$peach: #ffd3a8;
$green: #64BF5E;

$grey: #B3B3B3;

$red-tint: #bc5244;

//General settings
$font-color: $white;
$font-color-inverted: $black;



//Page settings
$page-background:$red;
$page-header-color: transparent;
$page-header-height: 4.4rem;
$page-content-padding: 0 1.5rem 1.5rem;
$game-background: radial-gradient(circle, rgba(218,41,26,1) 0%, rgba(218,41,26,1) 89%, rgba(218,41,26,1) 90%, rgba(170,30,24,1) 100%);
$game-background-vertical: $red;



//Input settings
$input-color: $white;
$input-background: transparent;
$input-height: 4.4rem;
$input-radius: 5rem;
$input-text-align: left;
$input-font-size: 1.6rem;
$input-label-height: $input-height;
$input-checkbox-color:$green;
$input-checkbox-stroke: 0.3rem;
$input-checkbox-height: 2.2rem;
$input-checkbox-width: 1rem;
$input-checkbox-rotation: 35deg;
$input-checkbox-offset-top: .3rem;
$input-checkbox-offset-left: .2rem;
$input-code-color: $white;
$input-code-padding: 0px 0.5rem;
$input-submit-background:$white;
$input-submit-color: $red;
$placeholder-color: rgba($black, .5);


//Modal settings
$modal-message-padding: 1.5rem;
$modal-message-max-width: 29rem;
$modal-header-height: 4.4rem;
$modal-header-center: 32rem;
$modal-content-center: 32rem;
$modal-content-padding: 1.5rem;
$modal-footer-height: 6rem;
$modal-footer-center: 32rem;

$modal-background:$white ;
$modal-font-color: $font-color-inverted;
$modal-footer-color: transparent;




//Card settings (Home ad cards)
$card-indexer-size: 0.6rem;
$card-indexer-space: .3rem;
$card-indexer-radius: .5rem;
$card-indexer-padding: 1.6rem;
$card-indexer-bottom: 0px;
$card-indexer-background: rgba(255, 255, 255, 0.4);
$card-indexer-border: none;
$card-indexer-active-background: #fff;
$card-indexer-active-border: $card-indexer-border;
$card-button-background: orange;
$card-button-border: none;;




//Button
$button-height: 3.4rem;
$button-width: 10rem;
$button-background-color: $orange ;
$button-border-color: $orange;



//Base
@import './general.scss';


//Core
@import './core/navigation-debug.scss';

//Element
@import './element/ckheader.scss';
@import './element/cktext.scss';
@import './element/ckbutton.scss';
@import './element/ckplatform.scss';
@import './element/ckcarousel.scss';
@import './element/ckbox.scss';
@import './element/ckimage.scss';
@import './element/ckcenter.scss';
@import './element/ckpin.scss';
@import './element/cktimer.scss';
@import './element/ckprizeconfetti.scss';
@import './element/ckconfetti.scss';
@import './element/ckbarcode.scss';
@import './element/ckthree.scss';
@import './element/ckwalletcard.scss';
@import './element/ckinvitefriend.scss';
@import './element/ckgrandprize.scss';
@import './element/ckavatar.scss';
@import './element/ckbgfill.scss';
@import './element/cklights.scss';

@import './element/input.scss';
@import './element/modal.scss';
@import './element/menu.scss';
@import './element/returnBonusView.scss';

@import './element/form.scss';




//Modal
@import './modal/wallet.scss';
@import './modal/policy.scss';
@import './modal/bonusGameStatus.scss';
@import './modal/profile.scss';
@import './modal/support.scss';
@import './modal/productqa.scss';
@import './modal/loyalty.scss';
@import './modal/prizes.scss';
@import './modal/returnbonus.scss';
@import './modal/avatar.scss';
@import './modal/scanner.scss';
@import './modal/premiumpass.scss';




//Pages


//Pages - endpoint
@import './page/endpoint/browser-fallback.scss';
@import './page/endpoint/ckid-expire.scss';
@import './page/endpoint/end.scss';


//Pages - flow
@import './page/flow/app-path.scss';


//Pages - hub
@import './page/hub/hub.scss';


//Pages - signup
@import './page/signup/login-debug.scss';
@import './page/signup/login-twofactor.scss';
@import './page/signup/user-info.scss';
@import './page/signup/user-opinion.scss';
@import './page/signup/user-username.scss';
@import './page/signup/user-avatar.scss';

//Pages - game
@import './page/game/game.scss';

//Pages - voucher
@import './page/voucher/voucher.scss';





@import './langmods/langmods.scss';


// @media only screen and (min-height: 558px) and (max-width:375px) {
// 	}

// 	@media only screen and (min-height: 627px) and (max-width:415px) {
// 	}


// 	@media only screen and (min-height: 632px) and (max-width:409px) {
// 	}

// 	@media only screen and (min-height: 716px) and (max-width:446px) {
// 	}