:root {
    /* =========================================
       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;
    /* =========================================
       THEME - BACKGROUND - PRIMARY
       Brand Gray #4C4C4C
       ========================================= */

    --color--Theme--Background--Primary-1: #141414;
    --color--Theme--Background--Primary-2: #222222;
    --color--Theme--Background--Primary-3: #303030;
    --color--Theme--Background--Primary-4: #3e3e3e;
    --color--Theme--Background--Primary-5: #4c4c4c;
    --color--Theme--Background--Primary-6: #6a6a6a;
    --color--Theme--Background--Primary-7: #888888;
    --color--Theme--Background--Primary-8: #a6a6a6;
    --color--Theme--Background--Primary-9: #c4c4c4;
    /* =========================================
       THEME - BACKGROUND - COMPLETEMENT
       Brand Gold #D69922
       ========================================= */

    --color--Theme--Background--Completement-1: #3a2908;
    --color--Theme--Background--Completement-2: #6b4b0f;
    --color--Theme--Background--Completement-3: #9b6d16;
    --color--Theme--Background--Completement-4: #bc861d;
    --color--Theme--Background--Completement-5: #d69922;
    --color--Theme--Background--Completement-6: #dda844;
    --color--Theme--Background--Completement-7: #e4ba66;
    --color--Theme--Background--Completement-8: #ebcc88;
    --color--Theme--Background--Completement-9: #f2deaa;
    /* =========================================
       THEME - COLOR - PRIMARY
       ========================================= */

    --color--Theme--Color--Primary-1: #303030;
    --color--Theme--Color--Primary-2: #3e3e3e;
    --color--Theme--Color--Primary-3: #4c4c4c;
    --color--Theme--Color--Primary-4: #6a6a6a;
    --color--Theme--Color--Primary-5: #888888;
    /* =========================================
       THEME - COLOR - COMPLETEMENT
       ========================================= */

    --color--Theme--Color--Completement-1: #9b6d16;
    --color--Theme--Color--Completement-2: #bc861d;
    --color--Theme--Color--Completement-3: #d69922;
    --color--Theme--Color--Completement-4: #dda844;
    --color--Theme--Color--Completement-5: #e4ba66;
    /* =========================================
       THEME - BORDER - PRIMARY
       ========================================= */

    --color--Theme--Border--Primary-1: #141414;
    --color--Theme--Border--Primary-2: #222222;
    --color--Theme--Border--Primary-3: #303030;
    --color--Theme--Border--Primary-4: #3e3e3e;
    --color--Theme--Border--Primary-5: #4c4c4c;
    --color--Theme--Border--Primary-6: #6a6a6a;
    --color--Theme--Border--Primary-7: #888888;
    --color--Theme--Border--Primary-8: #a6a6a6;
    --color--Theme--Border--Primary-9: #c4c4c4;
    /* =========================================
       THEME - BORDER - COMPLETEMENT
       ========================================= */

    --color--Theme--Border--Completement-1: #3a2908;
    --color--Theme--Border--Completement-2: #6b4b0f;
    --color--Theme--Border--Completement-3: #9b6d16;
    --color--Theme--Border--Completement-4: #bc861d;
    --color--Theme--Border--Completement-5: #d69922;
    --color--Theme--Border--Completement-6: #dda844;
    --color--Theme--Border--Completement-7: #e4ba66;
    --color--Theme--Border--Completement-8: #ebcc88;
    --color--Theme--Border--Completement-9: #f2deaa;
    /* =========================================
       THEME - ANCHOR - PRIMARY
       ========================================= */

    --color--Theme--Anchor--Primary-1: #303030;
    --color--Theme--Anchor--Primary-2: #3e3e3e;
    --color--Theme--Anchor--Primary-3: #4c4c4c;
    --color--Theme--Anchor--Primary-4: #6a6a6a;
    --color--Theme--Anchor--Primary-5: #888888;
    /* =========================================
       THEME - ANCHOR - COMPLETEMENT
       ========================================= */

    --color--Theme--Anchor--Completement-1: #9b6d16;
    --color--Theme--Anchor--Completement-2: #bc861d;
    --color--Theme--Anchor--Completement-3: #d69922;
    --color--Theme--Anchor--Completement-4: #dda844;
    --color--Theme--Anchor--Completement-5: #e4ba66;
    /* =========================================
       THEME - BORDER - ACTIVE
       ========================================= */

    --color--Theme--Border--Active-1: #0d0d0d;
    --color--Theme--Border--Active-2: #1c1c1c;
    --color--Theme--Border--Active-3: #2b2b2b;
    --color--Theme--Border--Active-4: #3a3a3a;
    --color--Theme--Border--Active-5: #494949;
    /* =========================================
       THEME - BASE ICON
       ========================================= */

    --color--Theme--Base--Icon: #d69922;
    /* =========================================
       THEME - ICON - PRIMARY
       ========================================= */

    --color--Theme--Icon--Primary-1: #303030;
    --color--Theme--Icon--Primary-2: #3e3e3e;
    --color--Theme--Icon--Primary-3: #4c4c4c;
    --color--Theme--Icon--Primary-4: #6a6a6a;
    --color--Theme--Icon--Primary-5: #888888;
    /* =========================================
       THEME - ICON - COMPLETEMENT
       ========================================= */

    --color--Theme--Icon--Completement-1: #9b6d16;
    --color--Theme--Icon--Completement-2: #bc861d;
    --color--Theme--Icon--Completement-3: #d69922;
    --color--Theme--Icon--Completement-4: #dda844;
    --color--Theme--Icon--Completement-5: #e4ba66;
    /* =========================================
       CTA - PRIMARY
       ========================================= */

    --color--CTA--Background--Primary-1: #303030;
    --color--CTA--Background--Primary-2: #3e3e3e;
    --color--CTA--Background--Primary-3: #4c4c4c;
    --color--CTA--Background--Primary-4: #6a6a6a;
    --color--CTA--Background--Primary-5: #888888;
    /* =========================================
       CTA - COMPLETEMENT
       ========================================= */

    --color--CTA--Background--Completement-1: #9b6d16;
    --color--CTA--Background--Completement-2: #bc861d;
    --color--CTA--Background--Completement-3: #d69922;
    --color--CTA--Background--Completement-4: #dda844;
    --color--CTA--Background--Completement-5: #e4ba66;
    /* =========================================
       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;
}