:root {

    /* ======== Colors ======== */
    /* White & Black */
    --white: #ffffff;
    --black: #000000;

    /* Grey scale */
    --grey-950: #08070B;
    --grey-900: #141318;
    --grey-850: #18171F;
    --grey-800: #24232C;
    --grey-700: #54535B;
    --grey-600: #817D92;
    --grey-200: #E6E5EA;

    /* Green */
    --green-200: #A4FFAF;

    /* Yellow */
    --yellow-300: #FBCB65;

    /* Orange */
    --orange-400: #FB7C58;

    /* Red */
    --red-500: #F64A4A;

    /* Gradient */
    --gradient-start: #141318;
    --gradient-end: #08070B;

    /* ======== Typography ======== */
    /* Font family */
    --font-mono: 'JetBrains Mono', monospace;

    /* Text Preset 1 */
    --text-1-size: 3.2rem;      /* 32px */
    --text-1-line-height: 4.2rem; /* 42px */
    --text-1-letter-spacing: 0rem;

    /* Text Preset 2 */
    --text-2-size: 2.4rem;      /* 24px */
    --text-2-line-height: 3.2rem; /* 32px */
    --text-2-letter-spacing: 0rem;

    /* Text Preset 3 */
    --text-3-size: 1.8rem;      /* 18px */
    --text-3-line-height: 2.4rem; /* 24px */
    --text-3-letter-spacing: 0rem;

    /* Text Preset 4 */
    --text-4-size: 1.6rem;      /* 16px */
    --text-4-line-height: 2rem; /* 20px */
    --text-4-letter-spacing: 0rem;

    /* ======== Spacing ======== */
    --spacing-100: 0.8rem;
    --spacing-200: 1.6rem;
    --spacing-300: 2.4rem;
    --spacing-400: 3.2rem;
    --spacing-700: 5.6rem;
    --spacing-1000: 8rem;
    --spacing-1300: 10.4rem;
    --spacing-1600: 12.8rem;
    --spacing-2000: 16rem;
    --spacing-2200: 17.6rem;
    --spacing-2300: 18.4rem;
}