:root {
--color-white: #FFFFFF;
--color-black: #000c33;
--color-blue-main: #0057FF;
--color-red: #E60023;
--color-grey-dark: #414D74;
--color-grey-light: #6E6E6E;
--color-grey-bg: #F5F5F5;
--color-green: #ECFF00;
--font-heading: 'Montserrat', sans-serif;
--font-text: 'DM Sans', sans-serif;
}
html {
scroll-behavior: smooth;
font-size: 16px !important;
}
body {
margin: 0;
padding: 0;
font-family: var(--font-text);
background-color: var(--color-white);
color: var(--color-black);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}
h1, h2, h3, h4 {
font-family: var(--font-heading);
font-weight: 900;
margin: 0 0 20px 0;
letter-spacing: -1px;
}
h1 { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: 1.1; }
h2 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.2; }
h3 { font-size: 1.5rem; line-height: 1.3; }
p {
font-size: 1.1rem;
line-height: 1.6;
color: var(--color-grey-dark);
margin: 0 0 20px 0;
}
p:last-child {
margin-bottom: 0;
}