:root {
    --color-navy: #00263e;
    --color-cyan: #00b5e2;
    --color-orange: #e87722;

    --color-white: #ffffff;
    --color-background: #f4f7f8;
    --color-text: #17232b;
    --color-text-muted: #61717a;
    --color-border: #dce4e8;

    --font-primary:
        Inter,
        Arial,
        Helvetica,
        sans-serif;

    --container-width: 1280px;
    --header-height: 88px;

    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 5rem;

    --radius-small: 0.375rem;
    --radius-medium: 0.75rem;
    --radius-large: 1.5rem;

    --shadow-small:
        0 0.5rem 2rem rgb(0 38 62 / 8%);
}