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

/* CSS Styles for CricketStar */

:root {
	--font-primary: "Montserrat", sans-serif;
	--font-secondary: "Montserrat", sans-serif;

	--bg-color: white;
	--bg-color-light: #e4f6f2;
	--bg-color-highlight: #fefefe;
	--bg-color-dark: #020655;
	--bg-color-footer: white;
	--bg-color-nav: white;
	--bg-color-homepage-divider: #020655;

	--text-color-footer: black;
	--text-color-dark: #18142F;
	--text-color-highlight: #C5B358;
	--text-color-white: white; 
	--text-color-stroke: white;

	--heading-primary-color: #020655;
	--heading-primary-highlight: transparent;

	--border-color: #8b8997;
	--border-color-light: #cccccc;
	--border-color-dark: #020655;

	--shadow-color: rgba(139, 137, 151, 0.5);
	--shadow-sm: 3px 3px 3px var(--shadow-color);
	--shadow-md: 0 0 4px 2px var(--shadow-color);
	--shadow-lg: 0 0 8px 2px var(--shadow-color);
	--shadow-old: 4px 4px black;
	
	--link-color: #020655;
	--link-color-highlight: #C5B358;
	--link-color-footer: #020655;
	--link-color-disabled: rgba(2, 6, 85, 0.5);

	--btn-primary-color: white;
	--btn-primary-bg: #020655;
	--btn-primary-accent: #a0d91f;
	--btn-primary-highlight: #C5B358;
	--btn-primary-dark: #99ff22;

	--btn-secondary-color: white;
	--btn-secondary-bg: #020655;
	--btn-secondary-accent: #c32f90;
	--btn-secondary-highlight: #E0CC75;
	--btn-secondary-dark: #020655;

	--btn-tertiary-color: white;
	--btn-tertiary-bg: #020655;
	--btn-tertiary-accent: #99adf3;
	--btn-tertiary-highlight: #5e62a2;
	--btn-tertiary-dark: #3e4fb7;

	--error-color: #DC3545;

	--border-radius-xl: 0px;
	--border-radius-lg: 0px;
	--border-radius-md: 0px;
	--border-radius-sm: 0px;
	--border-radius-xs: 0px;

	--hero-aspect: 776 / 500;
	--hero-aspect-wide: 776 / 500;

	--font-mobile-16:16px;
	--font-mobile-14:14px;
	--font-mobile-12:12px;
	--font-mobile-10:10px;
}