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

:root {
	--color-bg-soft: #EAEEF3;
	--color-bg-soft-transparent: rgba(234, 238, 243, 0);
	--color-cool-white: #F5F7FA;
	--color-primary: #00378A;
	--color-primary-bright: #1E88E5;
	--color-primary-overlay: rgba(0, 55, 138, 0.65);
	--color-primary-border-subtle: rgba(0, 55, 138, 0.08);
	--color-primary-tint: rgba(21, 101, 192, 0.08);
	--color-primary-shadow: rgba(21, 101, 192, 0.3);
	--color-primary-shadow-soft: rgba(21, 101, 192, 0.25);
	--color-text-primary: #00183C;
	--color-accent: #9B6FC7;
	--color-accent-2: #BF98DB;
	--color-text-secondary: #646B74;
	--color-white-soft: rgba(255, 255, 255, 0.7);
	--color-white-muted: rgba(255, 255, 255, 0.85);
	--color-white-subtle: rgba(255, 255, 255, 0.45);

	--header-height: 140px;
	--logo-height: 120px;

	--header-height-mobile: 120px;
	--logo-height-mobile: 100px;

	--bp-tablet: 768px;
	--bp-desktop: 1024px;
	--bp-wide: 1440px;

	--layout-padding-block: 1rem;
	--layout-padding-inline-mobile: 1.25rem;
	--layout-padding-inline-tablet: 2rem;
	--layout-padding-inline-wide: 3rem;

	--max-width: 1440px;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 14px;
}

body {
	background-color: var(--color-bg-soft);
	font-size: 1rem;
	font-family: Inter, sans-serif;
}

a {
	text-decoration: none;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}