/* Base Styles and Variables */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Design tokens */
:root {
	--brand: #d42d2d;
	--text: #1f2937;
	--muted: #6b7280;
	--bg: #f7e9c9; /* soft warm background like the mock */
	--surface: #ffffff;
	--border: #e5e7eb;
}

/* Base */
* { 
    box-sizing: border-box; 
}

html { 
	height: 100%; 
	scroll-behavior: smooth;
	overflow-x: hidden !important;
}

body {
	height: 100%;
	margin: 0;
	position: relative;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
	color: var(--text);
	background: #ffffff;
	padding-top: 64px; /* Space for fixed header */
	overflow-x: hidden !important;
}

.container { 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 24px; 
}

a { 
    color: inherit; 
}

/* Utility Classes */
.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Responsive Container */
@media (max-width: 640px) {
    .container { 
        padding: 0 16px; 
    }
}