:root {
    /*
     * Font settings
     */
    --f-family: Inter;
    --f-weight-regular: 400;
    --f-weight-medium: 500;
    --f-weight-semiBold: 600;
    --f-weight-bold: 700;

    /*
     * Color Settings
     * Prefix variable: 
     *
     * - p -> Primary
     * - s -> Secondary
     * - n -> Neutral
     * - w -> Warning
     * - d -> Destructive
     */


    /* Neutral */
    --n-900: #171E29;
    --n-800: #353C50;
    --n-700: #5A6079;
    --n-600: #717694;
    --n-500: #8F95B2;
    --n-400: #C1C4D7;
    --n-300: #D8DAE6;
    --n-200: #E6E8F0;
    --n-100: #EDEFF6;
    --n-50: #F8F8FB;
    --n-0: #FFFFFF;

    /* Primary */
    --p-600: #1759D6;
    --p-500: #2669E8;
    --p-400: #508AF9;
    --p-300: #7BB0FF;
    --p-200: #BCD7FF;
    --p-100: #EDF5FF;
    --p-50: #F8FAFF;
    --p-0: #FFFFFF;

    /* Success */
    --s-600: #069886;
    --s-500: #2DBCAB;
    --s-400: #45D2C2;
    --s-300: #8FE4DA;
    --s-200: #B4EDE6;
    --s-100: #DDF9F5;
    --s-50: #FAFFFE;
    --s-0: #FFFFFF;

    /* Warning */
    --w-600: #E09100;
    --w-500: #FFB124;
    --w-400: #FFCA68;
    --w-300: #FFD68C;
    --w-200: #FFE5B5;
    --w-100: #FFF4E0;
    --w-50: #FFFFF6;
    --w-0: #FFFFFF;

    /* Destructive */
    --d-600: #EB1B33;
    --d-500: #FE4D61;
    --d-400: #FF6475;
    --d-300: #FF8D9A;
    --d-200: #FFC6CC;
    --d-100: #FFEBED;
    --d-50: #FFF9F9;
    --d-0: #FFFFFF;
}