:root {

    /* =========================
     Text Colors - Neutral
     ========================= */

    --ux4g-color-neutral-900: #171717;
    --ux4g-color-neutral-700: #404040;
    --ux4g-color-neutral-500: #737373;
    --ux4g-color-neutral-50: #fafafa;
    --ux4g-text-neutral-disabled-changed: #8A8A8A;
    --ux4g-color-neutral-300: #d9d9d9;
    --ux4g-color-neutral-0: #ffffff;
    --ux4g-color-neutral-1000: #000000;

    /* =========================
     Text Colors - Brand
     ========================= */

    --ux4g-color-primary-600-changed: #2661E0;
    --ux4g-color-secondary-600: #a46800;
    --ux4g-color-tertiary-600: #8e55b3;
    --ux4g-color-pink-800: #8D0053;
    --ux4g-color-pink-100: #FFECF6;
    --ux4g-color-blue-800: #04409F;
    --ux4g-color-blue-600: #3271EA;
    --ux4g-color-blue-900: #012c6f;
    --ux4g-colors-purple-900-new: #400B84;


    /* =========================
     Text Colors - Status
     ========================= */

    --ux4g-color-green-800: #00522c;
    --ux4g-color-red-800: #8a1a16;
    --ux4g-color-orange-800: #ad4e00;
    --ux4g-color-cyan-800: #006d75;
    --ux4g-color-green-600: #128937;
    --ux4g-color-red-600: #db372d;
    --ux4g-color-orange-600: #fa8c16;
    --ux4g-color-cyan-600: #13c2c2;

    /* =========================
     Text Colors - Links
     ========================= */

    --ux4g-color-primary-600: #4a2bc2;
    --ux4g-color-primary-700: #3d239f;
    --ux4g-color-primary-800: #301c7d;
    --ux4g-color-primary-800: #301c7d;
    --ux4g-color-primary-200: #c0b3ff;
    --ux4g-color-primary-400: #8670ff;
    --ux4g-color-neutral-600: #525252;
    --ux4g-color-neutral-700: #404040;
    --ux4g-color-neutral-800: #262626;
    --ux4g-color-neutral-800: #262626;
    --ux4g-color-neutral-200: #e5e5e5;
    --ux4g-color-neutral-400: #a1a1a1;
    --ux4g-color-primary-600: #4a2bc2;
    --ux4g-color-primary-700: #3d239f;
    --ux4g-color-primary-800: #301c7d;
    --ux4g-color-neutral-200: #e5e5e5;

    /* =========================
     Icon Colors
     ========================= */

    --ux4g-color-red-60: #db372d;
    --ux4g-color-green-600: #128937;
    --ux4g-color-orange-600: #fa8c16;
    --ux4g-color-cyan-600: #13c2c2;
    --ux4g-color-neutral-50: #fafafa;

    /* =========================
     Background Colors - Neutral
     ========================= */

    --ux4g-color-neutral-0: #ffffff;
    --ux4g-color-neutral-50: #fafafa;
    --ux4g-color-neutral-100: #f5f5f5;
    --ux4g-color-neutral-200: #e5e5e5;
    --ux4g-color-neutral-300: #d9d9d9;
    --ux4g-color-neutral-600: #525252;
    --ux4g-color-neutral-900: #171717;
    --ux4g-color-neutral-50: #fafafa;
    --ux4g-bg-overlay: rgba(23, 23, 23, 0.70);
    --ux4g-bg-secondary-links-50: #F5FAFF;
    --ux4g-bg-Colors-Blue-100: #e7f2ff;

    /* =========================
    Background Colors - Brand
     ========================= */

    --ux4g-color-primary-50: #f2efff;
    --ux4g-color-primary-100-changed: #E6EFFF;
    --ux4g-color-primary-200: #c0b3ff;
    --ux4g-color-primary-200-new: #CEDFFF;
    --ux4g-color-primary-300: #a391ff;
    --ux4g-color-primary-600-changed: #2661E0;
    --ux4g-color-primary-700: #3d239f;
    --ux4g-color-primary-800-changed: #00237E;
    --ux4g-color-primary-900: #24145c;
    --ux4g-color-secondary-50: #fff5ea;
    --ux4g-color-secondary-100: #ffebd6;
    --ux4g-color-secondary-200: #ffd9af;
    --ux4g-color-secondary-300: #ffbe6f;
    --ux4g-color-secondary-600-changed: #AE5502;
    --ux4g-color-tertiary-50: #f6effb;
    --ux4g-color-tertiary-100: #e9daf3;
    --ux4g-color-tertiary-200: #d9bfea;
    --ux4g-color-tertiary-300: #c8a3e0;
    --ux4g-color-tertiary-600: #8e55b3;

    /* =========================
     Background Colors - Status
     ========================= */

    --ux4g-color-green-50: #f2fcef;
    --ux4g-color-green-100: #ddf8d8;
    --ux4g-color-green-200: #beefb8;
    --ux4g-color-green-300: #80da88;
    --ux4g-color-green-600: #128937;
    --ux4g-color-red-50: #fff8f8;
    --ux4g-color-red-100: #ffecee;
    --ux4g-color-red-200: #ffdadc;
    --ux4g-color-red-300: #ffb3ae;
    --ux4g-color-red-600: #db372d;
    --ux4g-color-red-700: #b3251e;
    --ux4g-color-red-800: #8a1a16;
    --ux4g-color-orange-50: #fff7e6;
    --ux4g-color-orange-100: #ffe7bf;
    --ux4g-color-orange-200: #ffd899;
    --ux4g-color-orange-300: #ffc973;
    --ux4g-color-orange-600: #fa8c16;
    --ux4g-color-cyan-50: #e6fffb;
    --ux4g-color-cyan-100: #c9f7f2;
    --ux4g-color-cyan-200: #adf0e9;
    --ux4g-color-cyan-300: #91e8e0;
    --ux4g-color-cyan-600: #13c2c2;
    --ux4g-color-yellow-600: #fadb14;

    /* =========================
     Border Colors - Neutral
     ========================= */

    --ux4g-color-neutral-300: #d9d9d9;
    --ux4g-color-neutral-200: #e5e5e5;
    --ux4g-color-neutral-500: #737373;
    --ux4g-color-neutral-600: #525252;
    --ux4g-color-neutral-300: #d9d9d9;
    --ux4g-color-neutral-300-hover: #d9d9d9;
    --ux4g-color-neutral-400: #a1a1a1;
    --ux4g-color-neutral-0: #ffffff;
    --ux4g-color-neutral-200: #e5e5e5;
    --ux4x-icon-border-desabled: rgba(229, 229, 229, 1);

    /* =========================
     Border Colors - Status
     ========================= */

    --ux4g-color-green-300: #80da88;
    --ux4g-color-green-600: #128937;
    --ux4g-color-cyan-300: #91e8e0;
    --ux4g-color-cyan-600: #13c2c2;
    --ux4g-color-red-300: #ffb3ae;
    --ux4g-color-red-600: #db372d;
    --ux4g-color-orange-300: #ffc973;
    --ux4g-color-orange-600: #fa8c16;

    /* =========================
     Border Colors - Brand
     ========================= */

    --ux4g-color-primary-300-changed: #ACC9FF;
    --ux4g-color-primary-600: #4a2bc2;
    --ux4g-color-primary-700: #3d239f;
    --ux4g-color-primary-800: #301c7d;
    --ux4g-color-secondary-300: #ffbe6f;
    --ux4g-color-tertiary-300: #c8a3e0;

    /* =========================
     Base spacing scale
     ========================= */
    --ux4g-space-none: 0rem;       /* 0px */
    --ux4g-space-1: 0.125rem;      /* 2px */
    --ux4g-space-2: 0.25rem;       /* 4px */
    --ux4g-space-3: 0.375rem;      /* 6px */
    --ux4g-space-4: 0.5rem;        /* 8px */
    --ux4g-space-5: 0.75rem;       /* 12px */
    --ux4g-space-6: 1rem;          /* 16px */
    --ux4g-space-7: 1.25rem;       /* 20px */
    --ux4g-space-8: 1.5rem;        /* 24px */
    --ux4g-space-9: 2rem;          /* 32px */
    --ux4g-space-10: 2.5rem;       /* 40px */
    --ux4g-space-11: 3rem;         /* 48px */
    --ux4g-space-12: 3.5rem;       /* 56px */
    --ux4g-space-13: 4rem;         /* 64px */
    --ux4g-space-14: 5rem;         /* 80px */
    --ux4g-space-15: 7.5rem;       /* 120px */


    /* customised variables */
    --ux4g-color-secondary-400-new: #E8935B;

}