/* Inter Font Face Declarations */
@font-face {
	font-family: 'Inter';
	src: url('../assets/fonts/Inter-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../assets/fonts/Inter-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* Set Inter as default font family site-wide */
* {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* CSS Variables - Base (Mobile First) */
:root {
	/* Colors */
	--baah-color-primary: #0F172A;
	--baah-color-text: #475569;
	--baah-color-accent: #3B82F6;
	--baah-color-accent-hover: #2563EB;
	--baah-color-accent-light: #EFF6FF;
	--baah-color-background: #F8FAFC;
	--baah-color-card: #FFFFFF;
	--baah-color-text-muted: #64748B;
	--baah-color-border: #E2E8F0;
	--baah-color-alert: #EF4444;
	--baah-color-success: #22C55E;

	/* Field Styles */
	--baah-field-radius: 8px;
	--baah-field-background: #FFFFFF;

	/* Typography - Mobile (Default) */
	--baah-text-primary-font-size: 18px;
	--baah-text-primary-line-height: 1.5rem;
	--baah-text-primary-weight: 600;

	--baah-text-secondary-font-size: 16px;
	--baah-text-secondary-line-height: 1.5rem;
	--baah-text-secondary-weight: 600;

	--baah-text-normal-font-size: 14px;
	--baah-text-normal-line-height: 1.6rem;
	--baah-text-normal-weight: 400;

	--baah-text-button-font-size: 14px;
	--baah-text-button-line-height: 1.5rem;
	--baah-text-button-weight: 600;

	--baah-text-small-font-size: 12px;
	--baah-text-small-line-height: 1.6rem;
	--baah-text-small-weight: 400;

	--baah-text-large-font-size: 16px;
	--baah-text-large-line-height: 1.6rem;
	--baah-text-large-weight: 400;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: var(--baah-color-background);
	color: var(--baah-color-text);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	font-size: var(--baah-text-normal-font-size);
	line-height: var(--baah-text-normal-line-height);
	font-weight: var(--baah-text-normal-weight);
}

button:focus {
	outline: none !important;
}

/* ReCaptcha */
.grecaptcha-badge {
	visibility: hidden !important;
	display: none !important;
}

/* Tablet Breakpoint */
@media (min-width: 768px) {
	:root {
		--baah-text-primary-font-size: 21px;
		--baah-text-primary-line-height: 1.4rem;

		--baah-text-secondary-font-size: 17px;
		--baah-text-secondary-line-height: 1.5rem;

		--baah-text-normal-font-size: 15px;
		--baah-text-normal-line-height: 1.6rem;

		--baah-text-button-font-size: 15px;
		--baah-text-button-line-height: 1.5rem;

		--baah-text-small-font-size: 13px;
		--baah-text-small-line-height: 1.6rem;

		--baah-text-large-font-size: 17px;
		--baah-text-large-line-height: 1.6rem;
	}
}

/* Desktop Breakpoint */
@media (min-width: 1024px) {
	:root {
		--baah-text-primary-font-size: 24px;
		--baah-text-primary-line-height: 1.3rem;

		--baah-text-secondary-font-size: 18px;
		--baah-text-secondary-line-height: 1.4rem;

		--baah-text-normal-font-size: 16px;
		--baah-text-normal-line-height: 1.6rem;

		--baah-text-button-font-size: 16px;
		--baah-text-button-line-height: 1.5rem;

		--baah-text-small-font-size: 14px;
		--baah-text-small-line-height: 1.6rem;

		--baah-text-large-font-size: 18px;
		--baah-text-large-line-height: 1.6rem;
	}
}