:root {
    /* =========================================
       THEME BASE
       ========================================= */

    --color--Theme--Base--Primary-1: #000000;
    --color--Theme--Base--Primary-2: #0d0d0d;
    --color--Theme--Base--Primary-3: #1b1b1b;
    --color--Theme--Base--Primary-4: #282828;
    --color--Theme--Base--Primary-5: #363636;
    --color--Theme--Base--Primary-6: #434343;
    --color--Theme--Base--Primary-7: #515151;
    --color--Theme--Base--Primary-8: #5e5e5e;
    --color--Theme--Base--Primary-9: #6b6b6b;
    --color--Theme--Base--Primary-10: #797979;
    --color--Theme--Base--Completement-1: #ffffff;
    --color--Theme--Base--Completement-2: #f2f2f2;
    --color--Theme--Base--Completement-3: #e4e4e4;
    --color--Theme--Base--Completement-4: #d7d7d7;
    --color--Theme--Base--Completement-5: #c9c9c9;
    --color--Theme--Base--Completement-6: #bcbcbc;
    --color--Theme--Base--Completement-7: #aeaeae;
    --color--Theme--Base--Completement-8: #a1a1a1;
    --color--Theme--Base--Completement-9: #949494;
    --color--Theme--Base--Completement-10: #868686;
    /* =========================================
       BACKGROUND - PRIMARY
       NAVY
       ========================================= */

    --color--Theme--Background--Primary-1: #0B1422;
    --color--Theme--Background--Primary-2: #101E30;
    --color--Theme--Background--Primary-3: #17283E;
    --color--Theme--Background--Primary-4: #1D324C;
    --color--Theme--Background--Primary-5: #243B5A;
    --color--Theme--Background--Primary-6: #48617D;
    --color--Theme--Background--Primary-7: #6E849C;
    --color--Theme--Background--Primary-8: #98A9BB;
    --color--Theme--Background--Primary-9: #C2CDD8;
    /* =========================================
       BACKGROUND - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--Theme--Background--Completement-1: #315D7A;
    --color--Theme--Background--Completement-2: #4D83A3;
    --color--Theme--Background--Completement-3: #69A4C4;
    --color--Theme--Background--Completement-4: #84BDE0;
    --color--Theme--Background--Completement-5: #9FD3F2;
    --color--Theme--Background--Completement-6: #ADD9F3;
    --color--Theme--Background--Completement-7: #BDE1F6;
    --color--Theme--Background--Completement-8: #CDE8F8;
    --color--Theme--Background--Completement-9: #DDEFFB;
    /* =========================================
       COLOR - PRIMARY
       NAVY
       ========================================= */

    --color--Theme--Color--Primary-1: #17283E;
    --color--Theme--Color--Primary-2: #1D324C;
    --color--Theme--Color--Primary-3: #243B5A;
    --color--Theme--Color--Primary-4: #48617D;
    --color--Theme--Color--Primary-5: #6E849C;
    /* =========================================
       COLOR - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--Theme--Color--Completement-1: #69A4C4;
    --color--Theme--Color--Completement-2: #84BDE0;
    --color--Theme--Color--Completement-3: #9FD3F2;
    --color--Theme--Color--Completement-4: #ADD9F3;
    --color--Theme--Color--Completement-5: #BDE1F6;
    /* =========================================
       BORDER - PRIMARY
       NAVY
       ========================================= */

    --color--Theme--Border--Primary-1: #0B1422;
    --color--Theme--Border--Primary-2: #101E30;
    --color--Theme--Border--Primary-3: #17283E;
    --color--Theme--Border--Primary-4: #1D324C;
    --color--Theme--Border--Primary-5: #243B5A;
    --color--Theme--Border--Primary-6: #48617D;
    --color--Theme--Border--Primary-7: #6E849C;
    --color--Theme--Border--Primary-8: #98A9BB;
    --color--Theme--Border--Primary-9: #C2CDD8;
    /* =========================================
       BORDER - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--Theme--Border--Completement-1: #315D7A;
    --color--Theme--Border--Completement-2: #4D83A3;
    --color--Theme--Border--Completement-3: #69A4C4;
    --color--Theme--Border--Completement-4: #84BDE0;
    --color--Theme--Border--Completement-5: #9FD3F2;
    --color--Theme--Border--Completement-6: #ADD9F3;
    --color--Theme--Border--Completement-7: #BDE1F6;
    --color--Theme--Border--Completement-8: #CDE8F8;
    --color--Theme--Border--Completement-9: #DDEFFB;
    /* =========================================
       ANCHOR - PRIMARY
       NAVY
       ========================================= */

    --color--Theme--Anchor--Primary-1: #17283E;
    --color--Theme--Anchor--Primary-2: #1D324C;
    --color--Theme--Anchor--Primary-3: #243B5A;
    --color--Theme--Anchor--Primary-4: #48617D;
    --color--Theme--Anchor--Primary-5: #6E849C;
    /* =========================================
       ANCHOR - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--Theme--Anchor--Completement-1: #69A4C4;
    --color--Theme--Anchor--Completement-2: #84BDE0;
    --color--Theme--Anchor--Completement-3: #9FD3F2;
    --color--Theme--Anchor--Completement-4: #ADD9F3;
    --color--Theme--Anchor--Completement-5: #BDE1F6;
    /* =========================================
       ACTIVE BORDER
       ========================================= */

    --color--Theme--Border--Active-1: #08111D;
    --color--Theme--Border--Active-2: #102338;
    --color--Theme--Border--Active-3: #19314D;
    --color--Theme--Border--Active-4: #214467;
    --color--Theme--Border--Active-5: #2A557E;
    /* =========================================
       BASE ICON
       ========================================= */

    --color--Theme--Base--Icon: #243B5A;
    /* =========================================
       ICON - PRIMARY
       NAVY
       ========================================= */

    --color--Theme--Icon--Primary-1: #17283E;
    --color--Theme--Icon--Primary-2: #1D324C;
    --color--Theme--Icon--Primary-3: #243B5A;
    --color--Theme--Icon--Primary-4: #48617D;
    --color--Theme--Icon--Primary-5: #6E849C;
    /* =========================================
       ICON - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--Theme--Icon--Completement-1: #69A4C4;
    --color--Theme--Icon--Completement-2: #84BDE0;
    --color--Theme--Icon--Completement-3: #9FD3F2;
    --color--Theme--Icon--Completement-4: #ADD9F3;
    --color--Theme--Icon--Completement-5: #BDE1F6;
    /* =========================================
       CTA - PRIMARY
       NAVY
       ========================================= */

    --color--CTA--Background--Primary-1: #17283E;
    --color--CTA--Background--Primary-2: #1D324C;
    --color--CTA--Background--Primary-3: #243B5A;
    --color--CTA--Background--Primary-4: #48617D;
    --color--CTA--Background--Primary-5: #6E849C;
    /* =========================================
       CTA - COMPLETEMENT
       SKY BLUE
       ========================================= */

    --color--CTA--Background--Completement-1: #69A4C4;
    --color--CTA--Background--Completement-2: #84BDE0;
    --color--CTA--Background--Completement-3: #9FD3F2;
    --color--CTA--Background--Completement-4: #ADD9F3;
    --color--CTA--Background--Completement-5: #BDE1F6;
    /* =========================================
       CTA - ALERT
       ========================================= */

    --color--CTA--Background--Alert-1: #991200;
    --color--CTA--Background--Alert-2: #CC1800;
    --color--CTA--Background--Alert-3: #FF1E00;
    --color--CTA--Background--Alert-4: #FF4B33;
    --color--CTA--Background--Alert-5: #FF7866;
}