:root {

    --color-orange: #F58220;
    --color-orange-dark: #D9670D;
    --color-orange-light: #FFF1E6;

    --color-blue: #123C7A;
    --color-blue-dark: #092C5D;
    --color-blue-light: #EAF2FF;

    --color-white: #FFFFFF;

    --color-black: #111827;

    --color-text: #374151;
    --color-text-light: #6B7280;

    --color-background: #F8FAFC;

    --border-color: #E5E7EB;

    --font-main:
        'Manrope',
        Arial,
        sans-serif;

    --container-width: 1200px;

    --radius-small: 8px;
    --radius-medium: 16px;
    --radius-large: 24px;

    --shadow-small:
        0 5px 20px rgba(0,0,0,.06);

    --shadow-medium:
        0 15px 40px rgba(0,0,0,.10);

    --transition:
        .25s ease;

}