@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300&family=Saira:wght@400;500;600&family=Open+Sans:wght@300&family=Lato:wght@400&display=swap');

:root {
	--elements--body-text--body--font-family: 'Almarai';
	--elements--body-text--body--font-weight: 300;
	--elements--body-text--heading-1--font-family: 'Saira';
	--elements--body-text--heading-1--font-weight: 500;
	--elements--body-text--heading-2--font-family: 'Saira';
	--elements--body-text--heading-2--font-weight: 500;
	--elements--body-text--heading-3--font-family: 'Saira';
	--elements--body-text--heading-3--font-weight: 500;
	--elements--body-text--heading-4--font-family: 'Saira';
	--elements--body-text--heading-4--font-weight: 500;
	--elements--body-text--link--color: #8ec2e2;
	--elements--body-text--link--color-hover: #86b2cd;
	--elements--headings--content-heading--font-family: 'Saira';
	--elements--headings--content-heading--font-weight: 600;
	--elements--headings--content-subheading--font-family: 'Saira';
	--elements--headings--content-subheading--opacity: 1;
	--elements--headings--footer-heading--font-family: 'Saira';
	--elements--headings--footer-heading--font-weight: 600;
	--elements--headings--header-heading--font-family: 'Saira';
	--elements--headings--header-heading--font-weight: 600;
	--elements--headings--header-subheading--font-family: 'Saira';
	--elements--headings--header-subheading--font-weight: 500;
	--elements--headings--header-subheading--opacity: 1;
	--elements--headings--item-heading--font-family: 'Saira';
	--elements--headings--item-heading--font-weight: 600;
	--elements--headings--item-subheading--font-family: 'Saira';
	--elements--headings--page-heading--font-family: 'Saira';
	--elements--headings--page-heading--font-weight: 600;
	--elements--headings--page-subheading--font-family: 'Saira';
	--elements--headings--page-subheading--font-weight: 500;
	--theme--borders--element--border-radius: 0.125rem;
	--theme--colors--danger-200--color: #FED7D7;
	--theme--colors--danger-600--color: #E53E3E;
	--theme--colors--danger-700--color: #C53030;
	--theme--colors--gray-100--color: #F7FAFC;
	--theme--colors--gray-200--color: #EDF2F7;
	--theme--colors--gray-300--color: #E2E8F0;
	--theme--colors--gray-400--color: #CBD5E0;
	--theme--colors--gray-500--color: #A0AEC0;
	--theme--colors--gray-700--color: #4A5568;
	--theme--colors--gray-800--color: #2D3748;
	--theme--colors--gray-900--color: #1A202C;
	--theme--colors--primary--200: #8ec2e2;
	--theme--colors--primary--500: #8ec2e2;
	--theme--colors--primary--600: #8ec2e2;
	--theme--colors--primary--700: #8ec2e2;
	--theme--colors--primary--800: #8ec2e2;
	--theme--colors--primary-200--color: #D7FBFC;
	--theme--colors--primary-500--color: #2F855A;
	--theme--colors--primary-600--color: #2F855A;
	--theme--colors--primary-700--color: #276E4B;
	--theme--colors--primary-800--color: #435953;
	--theme--colors--success-200--color: #C6F6D5;
	--theme--colors--success-600--color: #2F855A;
	--theme--colors--success-700--color: #276B49;
	--theme--colors--warning-200--color: #FEEBC8;
	--theme--colors--warning-600--color: #DD6B20;
	--theme--colors--warning-700--color: #C05621;
	--theme--spacing--block--size: 2.375rem;
	--theme--spacing--element--size: 2.375rem;
	--theme--spacing--grid--size: 2.375rem;
	--theme--typography--body--font-family: 'Open Sans';
	--theme--typography--body--font-weight: 300;
	--theme--typography--heading-1--font-size: 1.375rem;
	--theme--typography--headings--font-family: 'Lato';
	--header-02--logo--height: 1rem;
	--header-03--nav-item--font-family: 'Saira';
	--header-03--nav-sub-item--font-family: 'Saira';
	--header-03--nav-sub-sub-item--font-family: 'Saira';
}

@media (min-width:1024px) {
    :root {
		--category-list-01--block--margin-top: 1.5rem;
		--content-48--container--padding-y: 0rem;
		--content-48--item--max-width-container: 700px;
		--header-02--logo--height: 3.375rem;
    }
}