:root {
    --color-primary: #13322C;

    --color-gradient: linear-gradient(270.43deg, #2E3192 0.15%, #5856D6 49.99%, #00AEEF 99.82%);

    --color-sub-1: #16BC2E;
    --color-sub-2: #ffcc00;
    --color-sub-3: #ff3b30;
    --color-sub-4: #4cd964;
    --color-sub-5: #5856d6;

    --color-bg-1: #fdfcfa;
    --color-bg-2: #f6f6f6;

    --color-neutral-1: #ffffff;
    --color-neutral-2: #ebebeb;
    --color-neutral-3: #cccccc;
    --color-neutral-4: #999999;
    --color-neutral-5: #737373;
    --color-neutral-6: #525252;
    --color-neutral-7: #333333;
    --color-neutral-8: #1e1e1e;
    --color-neutral-9: #0A0a0a;
    --color-neutral-10: #000000;

    --color-icon-1: #eeeeee;
    --color-icon-2: #949494;
    --color-icon-3: #121212;

    --scroll: none;
    --top-banner-height: 35rem;
}