@import "tailwindcss";
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

:root {
	--font-body: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-heading: 'Barlow Condensed', 'Be Vietnam Pro', system-ui, sans-serif;
}

@layer base {
	html,
	body {
		font-family: var(--font-body);
		letter-spacing: 0.01em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.section-title,
	.hero-title {
		font-family: var(--font-heading);
		letter-spacing: 0.01em;
	}
}

@layer components {
	.transport-hero-title {
		font-family: var(--font-heading);
		font-weight: 800;
		letter-spacing: 0.03em;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.transport-hero-subtitle {
		font-family: var(--font-body);
		font-weight: 500;
		letter-spacing: 0.015em;
		line-height: 1.65;
	}

	.transport-section-title {
		font-family: var(--font-heading);
		font-weight: 700;
		letter-spacing: 0.022em;
		line-height: 1.18;
		text-transform: uppercase;
	}

	.transport-section-subtitle {
		font-family: var(--font-body);
		font-weight: 500;
		letter-spacing: 0.012em;
		line-height: 1.75;
	}

	.transport-card-title {
		font-family: var(--font-heading);
		font-weight: 700;
		letter-spacing: 0.016em;
		line-height: 1.32;
	}

	.transport-body-text {
		font-family: var(--font-body);
		font-weight: 500;
		letter-spacing: 0.008em;
		line-height: 1.72;
	}

	.transport-meta-text {
		font-family: var(--font-body);
		font-weight: 600;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
}