:root {
    --color-brand-50: #f7f5f7;
    --color-brand-100: #f4eef4;
    --color-brand-200: #efe2f0;
    --color-brand-300: #e8d0e9;
    --color-brand-400: #dfb8e1;
    --color-brand-500: #d59bd6;
    --color-brand-600: #c77dc5;
    --color-brand-700: #b55faf;
    --color-brand-800: #9f4595;
    --color-brand-900: #873178;
    --color-brand-1000: #6c225c;
    --color-brand-1100: #531742;
    --color-brand-1200: #3b102c;

    --color-primary-blue-50: #f8fafa;
    --color-primary-blue-100: #f0f6f6;
    --color-primary-blue-200: #e1f1f1;
    --color-primary-blue-300: #cce9ea;
    --color-primary-blue-400: #afdee1;
    --color-primary-blue-500: #8ecfd4;
    --color-primary-blue-600: #6abdc4;
    --color-primary-blue-700: #49a5af;
    --color-primary-blue-800: #2e8b97;
    --color-primary-blue-900: #1b6e7b;
    --color-primary-blue-1000: #0f515e;
    --color-primary-blue-1100: #083641;
    --color-primary-blue-1200: #041f26;

    --color-primary-red-50: #faf4ed;
    --color-primary-red-100: #f9f1e6;
    --color-primary-red-200: #f8ead9;
    --color-primary-red-300: #f7dec3;
    --color-primary-red-400: #f5cca5;
    --color-primary-red-500: #f3b37f;
    --color-primary-red-600: #ef9256;
    --color-primary-red-700: #e86b2d;
    --color-primary-red-800: #dd410b;
    --color-primary-red-900: #c82200;
    --color-primary-red-1000: #9e0c00;
    --color-primary-red-1100: #6e0002;
    --color-primary-red-1200: #450007;
;
    --color-secondary-green-50:#fafaf4;
    --color-secondary-green-100:#f7f7ec;
    --color-secondary-green-200:#f2f2de;
    --color-secondary-green-300:#eaecc7;
    --color-secondary-green-400:#dfe3aa;
    --color-secondary-green-500:#cfd787;
    --color-secondary-green-600:#b9c862;
    --color-secondary-green-700:#9eb641;
    --color-secondary-green-800:#7e9f25;
    --color-secondary-green-900:#5e8613;
    --color-secondary-green-1000:#416b08;
    --color-secondary-green-1100:#295102;
    --color-secondary-green-1200:#183801;

    --color-secondary-yellow-50:#fafafa;
    --color-secondary-yellow-100:#faf9f7;
    --color-secondary-yellow-200:#fbf7f1;
    --color-secondary-yellow-300:#fbf4e6;
    --color-secondary-yellow-400:#fcefd2;
    --color-secondary-yellow-500:#fce9b1;
    --color-secondary-yellow-600:#fce27e;
    --color-secondary-yellow-700:#fddf4c;
    --color-secondary-yellow-800:#fde22c;
    --color-secondary-yellow-900:#fee619;
    --color-secondary-yellow-1000:#feea0f;
    --color-secondary-yellow-1100:#ffed0a;
    --color-secondary-yellow-1200:#ffef09;

    --color-secondary-pink-50:#fffcfe;
    --color-secondary-pink-100:#fefafd;
    --color-secondary-pink-200:#fdf4fa;
    --color-secondary-pink-300:#fceaf5;
    --color-secondary-pink-400:#fadbed;
    --color-secondary-pink-500:#f8c9e2;
    --color-secondary-pink-600:#f5b5d4;
    --color-secondary-pink-700:#f2a1c3;
    --color-secondary-pink-800:#ed90b1;
    --color-secondary-pink-900:#e8829e;
    --color-secondary-pink-1000:#e3788c;
    --color-secondary-pink-1100:#de717d;
    --color-secondary-pink-1200:#d96c70;

    --color-neutral-50: #fffefc;
    --color-neutral-100: #fbfaf9;
    --color-neutral-200: #f6f5f3;
    --color-neutral-300: #eeedeb;
    --color-neutral-400: #e4e3e0;
    --color-neutral-500: #d6d5d1;
    --color-neutral-600: #c4c4bf;
    --color-neutral-700: #aeaea9;
    --color-neutral-800: #94948f;
    --color-neutral-900: #767671;
    --color-neutral-1000: #565653;
    --color-neutral-1100: #373735;
    --color-neutral-1200: #191918;

    /*Semantic colors*/
    --color-success: #5e8613;
    --color-info: #0f515e;
    --color-highlight: #fde22c;
    --color-warning: #ed762e;
    --color-error: #a31600;

    /*Functional colors*/
    --color-text-onlight: var(--color-neutral-1000);
    --color-text-onlight-link: var(--color-primary-blue-blue-800);
    --color-text-onlight-link-hover: var(--color-warning);
    --color-heading-onlight: var(--color-neutral-1100);
    --color-heading-onlight-link: var(--color-heading);
    --color-heading-onlight-link-hover: var(--color-warning);
    --color-text-ondark: var(--color-neutral-100);
    --color-text-ondark-link: var(--color-primary-blue-blue-200);
    --color-text-ondark-link-hover: var(--color-warning);
    --color-heading-ondark: var(--color-neutral-200);
    --color-heading-ondark-link: var(--color-heading);
    --color-heading-ondark-link-hover: var(--color-warning);
}