@font-face {
    font-family: 'SF Pro';
    src: url('fonts/sf-pro/SF-Pro-Text-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro';
    src: url('fonts/sf-pro/SF-Pro-Text-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/raleway/Raleway-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* === Root Colors === */
:root {
    --background-white: #FFF;
    --color-white: #FFF;
    --background-gradient: linear-gradient(90deg, #00B960 -32.96%, #00552C 108.24%);
    --background--radial-gradient: radial-gradient(174.58% 111.08% at 70.69% 67.07%, #008243 0%, #00B960 30.85%, #00552C 100%);
    --button-primary: var(--background-gradient);
    --primary-green: #00552C;
    --tertiary-green: #E6EDE8;
    --secondary-black: #7B7B7B;
    --primary-black: #252525;
}