/*root*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


:root,
:host {
	--ow-font-family-sans: 'Roboto', sans-serif;
	--ow-font-family-serif: 'Alkalami', sans-serif;

	--ow-font-family-default: 'Montserrat', sans-serif;;
	--ow-font-size-default: 16px;
	--ow-font-size-sm-default: 16px;
	--ow-font-size-md-default: 16px;
	--ow-font-size-lg-default: 16px;
	--ow-font-size-xl-default: 16px;
	--ow-font-size-xxl-default: 16px;

	--ow-font-family-h1: var(--ow-font-family-default);
	--ow-font-size-h1: 2rem;
	--ow-font-size-sm-h1: 2rem;
	--ow-font-size-md-h1: 2rem;
	--ow-font-size-lg-h1: 2rem;
	--ow-font-size-xl-h1: 2rem;
	--ow-font-size-xxl-h1: 2rem;

	--ow-font-family-h2: var(--ow-font-family-default);
	--ow-font-size-h2: 1.8rem;
	--ow-font-size-sm-h2: 1.8rem;
	--ow-font-size-md-h2: 1.8rem;
	--ow-font-size-lg-h2: 1.8rem;
	--ow-font-size-xl-h2: 1.8rem;
	--ow-font-size-xxl-h2: 1.8rem;

	--ow-font-family-h3: var(--ow-font-family-default);
	--ow-font-size-h3: 1.6rem;
	--ow-font-size-sm-h3: 1.6rem;
	--ow-font-size-md-h3: 1.6rem;
	--ow-font-size-lg-h3: 1.6rem;
	--ow-font-size-xl-h3: 1.6rem;
	--ow-font-size-xxl-h3: 1.6rem;

	--ow-font-family-h4: var(--ow-font-family-default);
	--ow-font-size-h4: 1.4rem;
	--ow-font-size-sm-h4: 1.4rem;
	--ow-font-size-md-h4: 1.4rem;
	--ow-font-size-lg-h4: 1.4rem;
	--ow-font-size-xl-h4: 1.4rem;
	--ow-font-size-xxl-h4: 1.4rem;

	--ow-font-family-h5: var(--ow-font-family-default);
	--ow-font-size-h5: 1.2rem;
	--ow-font-size-sm-h5: 1.2rem;
	--ow-font-size-md-h5: 1.2rem;
	--ow-font-size-lg-h5: 1.2rem;
	--ow-font-size-xl-h5: 1.2rem;
	--ow-font-size-xxl-h5: 1.2rem;

	--ow-font-family-h6: var(--ow-font-family-default);
	--ow-font-size-h6: 1.1rem;
	--ow-font-size-sm-h6: 1.1rem;
	--ow-font-size-md-h6: 1.1rem;
	--ow-font-size-lg-h6: 1.1rem;
	--ow-font-size-xl-h6: 1.1rem;
	--ow-font-size-xxl-h6: 1.1rem;

	--ow-font-family-p: var(--ow-font-family-default);
	--ow-font-size-p: 1rem;
	--ow-font-size-sm-p: 1rem;
	--ow-font-size-md-p: 1rem;
	--ow-font-size-lg-p: 1rem;
	--ow-font-size-xl-p: 1rem;
	--ow-font-size-xxl-p: 1rem;

	--ow-font-family-btn: var(--ow-font-family-default);
	--ow-font-size-btn: 1rem;
	--ow-font-size-sm-btn: 1rem;
	--ow-font-size-md-btn: 1rem;
	--ow-font-size-lg-btn: 1rem;
	--ow-font-size-xl-btn: 1rem;
	--ow-font-size-xxl-btn: 1rem;

	--ow-font-size-body: var(--ow-font-size-default);
	--ow-font-size-sm-body: var(--ow-font-size-sm-default);
	--ow-font-size-md-body: var(--ow-font-size-md-default);
	--ow-font-size-lg-body: var(--ow-font-size-lg-default);
	--ow-font-size-xl-body: var(--ow-font-size-xl-default);
	--ow-font-size-xxl-body: var(--ow-font-size-xxl-default);

	--ow-primary: #00205b;
	--ow-primary-weighted: #f3f6f7;
	--ow-primary-contrast: #00205b;
	--ow-secondary: #da291c;
	--ow-secondary-weighted: #6c8096;
	--ow-secondary-contrast: #ffffff;
	--ow-accent-color: #ffffff;

	--ow-primary-btn: #00205b;
	--ow-primary-weighted-btn: #123478;
	--ow-primary-contrast-btn: #ffffff;
	--ow-secondary-btn: #00205b;
	--ow-secondary-weighted-btn: #123478;
	--ow-secondary-contrast-btn: #ffffff;
	--ow-accent-color-btn: #ffffff;

	--ow-bg-vars: #ffffff;
	--ow-default-radius-squared: 0;
	--ow-default-radius-squared-mild: 0;
	--ow-default-radius-rounded: 50%;
	--ow-default-radius-rounded-mild: 3rem;
	--ow-default-radius: var(--ow-default-radius-rounded);
	--ow-default-radius-mild: var(--ow-default-radius-rounded-mild);
	--ow-showcase-bg: #ffffff;
	--ow-showcase-color: #00205b;
	--ow-how-to-participate-bg: #bd9e39;
	--ow-payoff-color: #00205b;
	--ow-list-item-bg: var(--ow-primary-btn);
	--ow-list-item-color: var(--ow-primary-contrast-btn);
	--ow-list-radius: var(--ow-default-radius);
	--ow-btn-radius: var(--ow-default-radius-mild);
	--ow-input-radius: var(--ow-default-radius-mild);
	--ow-card-radius: var(--ow-default-radius-mild);
	--ow-modal-radius: var(--ow-default-radius-mild);
	--ow-nav-pill-radius: var(--ow-default-radius-mild);

	--ow-navbar-bg: #bd9e38;
	--ow-navlink: #00205b;
	--ow-navlink-active: #ffffff;

	--ow-sub-navbar-bg: #00205b;
	--ow-sub-navlink: #ffffff;
	--ow-sub-navlink-active: #bd9e39;

	--ow-footer-background: #bd9e39;
	--ow-footer-color: #ffffff;
	--ow-footer-link-color: #00205b;
	--ow-footer-link-hover-color: #ffffff;

	--ow-sub-footer-background: #00205b;
	--ow-sub-footer-color: #ffffff;
	--ow-sub-footer-link-color: #bd9e39;
	--ow-sub-footer-link-hover-color: #ffffff;

	--ow-modal-header-background: #00205b;
	--ow-modal-header-color: #ffffff;
	--ow-modal-body-background: #ffffff;
	--ow-modal-body-color: #00205b;
	--ow-modal-footer-background: #ffffff;

	--ow-carousel-image-radius: var(--ow-default-radius-mild);
	--ow-prize-catalogue-accent-bg: #666666;


	--ow-primary--dark: #3c3c3b;
	--ow-primary-weighted--dark: #e9500e;
	--ow-primary-contrast--dark: #ffffff;
	--ow-secondary--dark: #e9500e;
	--ow-secondary-weighted--dark: #3c3c3b;
	--ow-secondary-contrast--dark: #ffffff;
	--ow-accent-color--dark: #ffffff;

	--ow-primary-btn--dark: #e9500e;
	--ow-primary-weighted-btn--dark: #3c3c3b;
	--ow-primary-contrast-btn--dark: #ffffff;
	--ow-secondary-btn--dark: #3c3c3b;
	--ow-secondary-weighted-btn--dark: #e9500e;
	--ow-secondary-contrast-btn--dark: #ffffff;
	--ow-accent-color-btn--dark: #ffffff;

	--ow-bg-vars--dark: #ffffff;
	--ow-default-radius-squared--dark: var(--ow-default-radius-squared);
	--ow-default-radius-squared-mild--dark: var(--ow-default-radius-squared-mild);
	--ow-default-radius-rounded--dark: var(--ow-default-radius-rounded);
	--ow-default-radius-rounded-mild--dark: var(--ow-default-radius-rounded-mild);
	--ow-default-radius--dark: var(--ow-default-radius);
	--ow-default-radius-mild--dark: var(--ow-default-radius-mild);
	--ow-showcase-bg--dark: #e9500e;
	--ow-showcase-color--dark: #ffffff;
	--ow-how-to-participate-bg--dark: transparent;
	--ow-payoff-color--dark: #3c3c3b;
	--ow-list-item-bg--dark: var(--ow-list-item-bg);
	--ow-list-item-color--dark: var(--ow-list-item-color);
	--ow-list-radius--dark: var(--ow-list-radius);
	--ow-btn-radius--dark: var(--ow-btn-radius);
	--ow-input-radius--dark: var(--ow-input-radius);
	--ow-card-radius--dark: var(--ow-card-radius);
	--ow-modal-radius--dark: var(--ow-modal-radius);
	--ow-nav-pill-radius--dark: var(--ow-nav-pill-radius);

	--ow-navbar-bg--dark: #ffffff;
	--ow-navlink--dark: #e9500e;
	--ow-navlink-active--dark: #3c3c3b;

	--ow-sub-navbar-bg--dark: #ffffff;
	--ow-sub-navlink--dark: #e9500e;
	--ow-sub-navlink-active--dark: #3c3c3b;

	--ow-footer-background--dark: #e9500e;
	--ow-footer-color--dark: #ffffff;
	--ow-footer-link-color--dark: #ffffff;
	--ow-footer-link-hover-color--dark: #ffffff;

	--ow-sub-footer-background--dark: #e9500e;
	--ow-sub-footer-color--dark: #ffffff;
	--ow-sub-footer-link-color--dark: #ffffff;
	--ow-sub-footer-link-hover-color--dark: #ffffff;

	--ow-modal-header-background--dark: #3c3c3b;
	--ow-modal-header-color--dark: #ffffff;
	--ow-modal-body-background--dark: #ffffff;
	--ow-modal-body-color--dark: #3c3c3b;
	--ow-modal-footer-background--dark: #ffffff;

	--ow-carousel-image-radius--dark: var(--ow-carousel-image-radius);
	--ow-prize-catalogue-accent-bg--dark: var(--ow-prize-catalogue-accent-bg);
}