:root {
    /* Brand colors (from your brief) */
    --color-main: #39739d;
    --color-secondary: #558cb8;
    --color-sub-0: #afc6d8;
    --color-sub-1: #c0ddf5;
    --color-sub-2: #c4c4c4;

    /* Neutrals */
    --color-bg: #f5f6f9;
    --color-white: #ffffff;
    --color-text: #222222;
    --color-border: #dfdfdf;

    /* Feedback */
    --color-success: #2f855a;
    --color-warning: #b7791f;
    --color-error: #b54a4a;

    /* Layout */
    --container-width: 100%;
    --radius-md: 8px;
    --radius-lg: 16px;
    --btn-radius: 999px;

    /* Spacing (4/8px scale) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;
    --space-9: 50px;
    --space-10: 100px;
    --space-11: 200px;

    /* fonts */
    --buttton-1: 1.2rem;
}
.hero{
    padding-top: 100px;
}
.hero-title{
    color: var(--color-main);
    text-shadow: none;
}
.hero-lead{
    color: var(--color-main);
    text-shadow: none;
}
p{
    font-size: 1.2rem;
    color: var(--color-main);
}
h2{
    font-size: 2rem;
}
.container{
    margin-bottom: 50px;
}