:root {
    --font-family: "Inter";
    /* COLORS */
    --baviera-marine-5: #004B93;
    --white: #FFFFFF;
    --background: #F8F9FB;
    --grey-0: #FBFBFB;
    --grey-1: #F7F8F9;
    --grey-2: #F1F2F4;
    --grey-3: #DCDFE4;
    --grey-4: #B3B9C4;
    --grey-6: #758195;
    --grey-7: #626F86;
    --grey-8: #44546F;
    --grey-9: #2C3E5D;
    --grey-10: #172B4D;
    --grey-11: #091E42;
    --grey-13: #030A17;
    --marine-0: #F6FAFF;
    --marine-1: #E9F2FF;
    --marine-2: #CCE0FF;
    --marine-6: #2680FD;
    --marine-7: #0C66E4;
    --marine-8: #0055CC;
    --marine-9: #0A3A8A;
    --marine-10: #092A59;
    --red-1: #FFEDEB;
    --red-6: #E34935;
    --red-7: #CA3521;
    --green-1: #DFFCF0;
    --green-7: #1F845A;
    --green-6: #22A06B;
    --orange-1: #FFF4E5;
    --orange-6: #EB8514;
    --orange-7: #E27B0E;
    /* BORDER RADIUS */
    --border-radius-04: 4px;
    --border-radius-08: 8px;
    --border-radius-24: 24px;
    /* FONTS */
    --font-weight-default: 400;
    --font-weight-semi-bold: 600;
    --font-weight-extra-bold: 800;
    --font-size-h1: 30px;
    --font-size-h3: 18px;
    --font-size-p: 14px;
    --font-size-small: 12px;
    --font-size-mini: 10px;
    /* SPACE */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-10: 40px;
    --space-14: 56px;
    --space-18: 72px;
    /* ELEVATIONS */
    --elevation-3: 0 4px 8px 3px #07264626, 0 1px 3px 0 #0726464D;
}