:root {

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

    --ux4g-text-neutral-primary: #171717;
    --ux4g-text-neutral-secondary: #404040;
    --ux4g-text-neutral-tertiary: #737373;
    --ux4g-text-neutral-inverse: #fafafa;
    --ux4g-text-neutral-disabled: rgba(23, 23, 23, 0.25);
    --ux4g-text-neutral-emphasis: #d9d9d9;
    --ux4g-text-white: #ffffff;
    --ux4g-text-black: #000000;

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

    --ux4g-text-brand-primary-default: #4a2bc2;
    --ux4g-text-brand-secondary-default: #a46800;
    --ux4g-text-brand-tertiary-default: #8e55b3;

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

    --ux4g-text-status-success: #00522c;
    --ux4g-text-status-error: #8a1a16;
    --ux4g-text-status-warning: #ad4e00;
    --ux4g-text-status-info: #006d75;
    --ux4g-text-success-default: #128937;
    --ux4g-text-error-default: #db372d;
    --ux4g-text-warning-default: #fa8c16;
    --ux4g-text-info-default: #13c2c2;

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

    --ux4g-text-link-default-default: #4a2bc2;
    --ux4g-text-link-default-hover: #3d239f;
    --ux4g-text-link-default-active: #301c7d;
    --ux4g-text-link-default-visited: #301c7d;
    --ux4g-text-link-default-inverse: #c0b3ff;
    --ux4g-text-link-default-disabled: #8670ff;
    --ux4g-text-link-neutral-default: #525252;
    --ux4g-text-link-neutral-hover: #404040;
    --ux4g-text-link-neutral-active: #262626;
    --ux4g-text-link-neutral-visited: #262626;
    --ux4g-text-link-neutral-inverse: #e5e5e5;
    --ux4g-text-link-neutral-disabled: #a1a1a1;
    --ux4g-text-link-visited-default: #4a2bc2;
    --ux4g-text-link-visited-hover: #3d239f;
    --ux4g-text-link-visited-active: #301c7d;
    --ux4g-text-link-visited-inverse: #e5e5e5;

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

    --ux4g-icon-status-error: #db372d;
    --ux4g-icon-status-success: #128937;
    --ux4g-icon-status-warning: #fa8c16;
    --ux4g-icon-status-info: #13c2c2;
    --ux4g-icon-neutral-inverse: #fafafa;

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

    --ux4g-bg-neutral-elevated: #ffffff;
    --ux4g-bg-neutral: #fafafa;
    --ux4g-bg-neutral-soft: #f5f5f5;
    --ux4g-bg-neutral-subtle: #e5e5e5;
    --ux4g-bg-neutral-emphasis: #d9d9d9;
    --ux4g-bg-neutral-strong: #525252;
    --ux4g-bg-neutral-stronger: #171717;
    --ux4g-bg-neutral-disabled: #e5e5e5;
    --ux4g-control-bg-default: #fafafa;
    --ux4g-bg-overlay: rgba(23, 23, 23, 0.70);

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

    --ux4g-bg-primary: #f2efff;
    --ux4g-bg-primary-soft: #dcd4ff;
    --ux4g-bg-primary-subtle: #c0b3ff;
    --ux4g-bg-primary-emphasis: #a391ff;
    --ux4g-bg-primary-strong: #4a2bc2;
    --ux4g-bg-primary-strong-hover: #3d239f;
    --ux4g-bg-primary-stronger: #301c7d;
    --ux4g-bg-primary-stronger-hover: #24145c;
    --ux4g-bg-secondary: #fff5ea;
    --ux4g-bg-secondary-soft: #ffebd6;
    --ux4g-bg-secondary-subtle: #ffd9af;
    --ux4g-bg-secondary-emphasis: #ffbe6f;
    --ux4g-bg-secondary-strong: #a46800;
    --ux4g-bg-tertiary: #f6effb;
    --ux4g-bg-tertiary-soft: #e9daf3;
    --ux4g-bg-tertiary-subtle: #d9bfea;
    --ux4g-bg-tertiary-emphasis: #c8a3e0;
    --ux4g-bg-tertiary-strong: #8e55b3;

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

    --ux4g-bg-success: #f2fcef;
    --ux4g-bg-success-soft: #ddf8d8;
    --ux4g-bg-success-subtle: #beefb8;
    --ux4g-bg-success-emphasis: #80da88;
    --ux4g-bg-success-strong: #128937;
    --ux4g-bg-error: #fff8f8;
    --ux4g-bg-error-soft: #ffecee;
    --ux4g-bg-error-subtle: #ffdadc;
    --ux4g-bg-error-emphasis: #ffb3ae;
    --ux4g-bg-error-strong: #db372d;
    --ux4g-bg-error-strong-hover: #b3251e;
    --ux4g-bg-error-stronger: #8a1a16;
    --ux4g-bg-warning: #fff7e6;
    --ux4g-bg-warning-soft: #ffe7bf;
    --ux4g-bg-warning-subtle: #ffd899;
    --ux4g-bg-warning-emphasis: #ffc973;
    --ux4g-bg-warning-strong: #fa8c16;
    --ux4g-bg-info: #e6fffb;
    --ux4g-bg-info-soft: #c9f7f2;
    --ux4g-bg-info-subtle: #adf0e9;
    --ux4g-bg-info-emphasis: #91e8e0;
    --ux4g-bg-info-strong: #13c2c2;
    --ux4g-bg-yellow-strong: #fadb14;

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

    --ux4g-border-color-neutral-default: #d9d9d9;
    --ux4g-border-color-neutral-subtle: #e5e5e5;
    --ux4g-border-color-neutral-strong: #737373;
    --ux4g-border-color-neutral-focus: #525252;
    --ux4g-border-color-neutral-hover: #d9d9d9;
    --ux4g-border-color-neutral-active: #a1a1a1;
    --ux4g-border-color-neutral-elevated: #ffffff;
    --ux4g-control-border-default: #e5e5e5;
    --ux4x-icon-border-desabled: rgba(229, 229, 229, 1);

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

    --ux4g-border-color-success-default: #80da88;
    --ux4g-border-color-success-strong: #128937;
    --ux4g-border-color-info-default: #91e8e0;
    --ux4g-border-color-info-strong: #13c2c2;
    --ux4g-border-color-error-default: #ffb3ae;
    --ux4g-border-color-error-strong: #db372d;
    --ux4g-border-color-warning-default: #ffc973;
    --ux4g-border-color-warning-strong: #fa8c16;

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

    --ux4g-border-color-primary-default: #a391ff;
    --ux4g-border-color-primary-strong: #4a2bc2;
    --ux4g-border-color-primary-hover: #3d239f;
    --ux4g-border-color-primary-active: #301c7d;
    --ux4g-border-color-secondary-default: #ffbe6f;
    --ux4g-border-color-tertiary-default: #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 */

}