:root {
    --brand: #000080;
    --brand-deep: #000066;
    --brand-dark: #07124f;
    --brand-soft: #eef1fb;
    --white: #ffffff;
    --surface: #ffffff;
    --surface-soft: #f6f7fb;
    --surface-blue-soft: #f1f3fb;
    --text: #111425;
    --text-muted: #6b7082;
    --border: #e5e7ef;

    --shadow-soft: 0 18px 50px rgba(10, 15, 45, .08);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;

    --font: "Montserrat", Arial, sans-serif;
    --shell: min(92vw, 1240px);
    --section-space: clamp(64px, 5.4vw, 96px);
}

@media (min-width: 1440px) {
    :root { --shell: min(91vw, 1480px); }
}

@media (min-width: 1920px) {
    :root { --shell: min(88vw, 1660px); }
}

@media (min-width: 2560px) {
    :root { --shell: min(82vw, 1900px); }
}