:root {
    --scroll: none;
    --color-primary: #007AFF;

    --color-sub-1: #5885EC;
    --color-sub-2: #AF52DE;
    --color-sub-3: #9546EF;
    --color-sub-4: #4cd964;
    --color-sub-5: #5856d6;

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

    --color-neutral-1: #ffffff;
    --color-neutral-2: #A1A9C0;
    --color-neutral-3: #727C95;
    --color-neutral-4: #313244;
    --color-neutral-5: #222433;
    --color-neutral-6: #14141E;
    --color-neutral-7: #030712;
    --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;
    --review-2gen: none;
    --top-banner-height: 35rem;
    --color-joinbox-bg: #000000;
    --color-joinbox-text: #ffffff;
}