:root {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-secondary: #0f9f91;
    --color-accent: #f5a524;
    --color-text: #253044;
    --color-muted: #66758c;
    --color-border: #dce4ef;
    --color-background: #ffffff;
    --color-background-muted: #f3f6fb;
    --color-dark: #0b1424;
    --color-dark-soft: #132036;
    --container: 1240px;
    --radius: 20px;
    --shadow: 0 24px 70px rgba(10, 28, 55, 0.10);
}

body {
    color: var(--color-text);
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    background: #fff;
}

h1,
h2,
h3 {
    color: var(--color-dark);
}

.site-header {
    border-bottom-color: rgba(220, 228, 239, 0.75);
    box-shadow: 0 8px 30px rgba(10, 28, 55, 0.035);
}

.header-inner {
    min-height: 78px;
}

.button {
    min-height: 50px;
    padding-inline: 24px;
    border-radius: 13px;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.18);
}

.button-secondary {
    box-shadow: none;
}

.eyebrow {
    color: var(--color-primary);
    font-size: 0.75rem;
    letter-spacing: 0.15em;
}

@media (max-width: 560px) {
    .header-inner {
        min-height: 70px;
    }
}