:root {
    --primary: #11639C;
    --primary-dark: #0A426B;
    --secondary: #0F4D7A;
    --accent: #29F297;
    --accent-dark: #13B870;
    --heading: #111827;
    --text: #253244;
    --text-muted: #536174;
    --surface: #FFFFFF;
    --surface-alt: #F3F8FB;
    --surface-blue: #EAF5FA;
    --surface-dark: #071D2F;
    --border: #D8E6EE;
    --on-dark: #FFFFFF;
    --on-primary: #FFFFFF;
    --shadow: 0 20px 55px rgba(7, 29, 47, 0.14);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-body, Arial, Helvetica, sans-serif);
    color: var(--text);
    background: var(--surface);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading, Arial, Helvetica, sans-serif);
    color: var(--heading);
    margin: 0 0 18px;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

h1 {
    font-size: clamp(39px, 5vw, 68px);
}

h2 {
    font-size: clamp(31px, 3.5vw, 48px);
}

h3, h4 {
    font-size: clamp(22px, 2vw, 28px);
}

p, li, td, th, a, button, input, textarea, label {
    font-size: 16px;
}

p {
    line-height: 1.75;
    margin: 0 0 18px;
}

a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    color: var(--primary-dark);
}

img {
    max-width: 100%;
    display: block;
}

button, .btn, .card, .panel, .service-card, .review-card, input, textarea {
    border-radius: 0;
}