:root {
    --primary-black: #181411;
    --primary-white: #FFFEE8;
    --primary-grey: #333744;

    --secondary-green: #0A1C04;
    --secondary-grey: #8b8c8f;
}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: ProRegular;
    font-weight: 400;
    src: url("/fonts/SF-Pro/SF-Pro-Text-Regular.otf");
}

@font-face {
    font-family: ProDisplayRegular;
    font-weight: 400;
    src: url("/fonts/SF-Pro-Display/SF-Pro-Display-Regular.otf");
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    color: var(--primary-black);
    background-color: var(--primary-white);
}