:root {
    /* Black */
    --color-black-rgb: 0,0,0;
    --color-black-04: rgba(var(--color-black-rgb), 0.04);
    --color-black-05: rgba(var(--color-black-rgb), 0.05);
    --color-black-10: rgba(var(--color-black-rgb), 0.10);
    --color-black-15: rgba(var(--color-black-rgb), 0.15);
    --color-black-20: rgba(var(--color-black-rgb), 0.20);
    --color-black-25: rgba(var(--color-black-rgb), 0.25);
    --color-black-35: rgba(var(--color-black-rgb), 0.35);
    --color-black-50: rgba(var(--color-black-rgb), 0.50);
    --color-black-60: rgba(var(--color-black-rgb), 0.60);
    --color-black-75: rgba(var(--color-black-rgb), 0.75);
    --color-black: rgba(var(--color-black-rgb), 1);
    /* White */
    --color-white-rgb: 255,255,255;
    --color-white-05: rgba(var(--color-white-rgb), 0.05);
    --color-white-10: rgba(var(--color-white-rgb), 0.10);
    --color-white-15: rgba(var(--color-white-rgb), 0.15);
    --color-white-20: rgba(var(--color-white-rgb), 0.20);
    --color-white-25: rgba(var(--color-white-rgb), 0.25);
    --color-white-35: rgba(var(--color-white-rgb), 0.35);
    --color-white-50: rgba(var(--color-white-rgb), 0.50);
    --color-white-75: rgba(var(--color-white-rgb), 0.75);
    --color-white-85: rgba(var(--color-white-rgb), 0.85);
    --color-white-95: rgba(var(--color-white-rgb), 0.95);
    --color-white: rgba(var(--color-white-rgb), 1);
    /* Grey Primary */
    --color-grey-primary-lighter: rgba(204, 204, 204, 1);
    --color-grey-primary-light: rgba(154, 154, 154, 1);
    --color-grey-primary-mid: rgba(128, 128, 128, 1);
    --color-grey-primary-dark: rgba(102, 102, 102, 1);
    --color-grey-primary-darker-rgb: 51, 51, 51;
    --color-grey-primary-darker-85: rgba(var(--color-grey-primary-darker-rgb), 0.85);
    --color-grey-primary-darker: rgba(var(--color-grey-primary-darker-rgb), 1);
    /* Grey Secondary */
    --color-grey-secondary-24: rgba(252, 252, 252, 1);
    --color-grey-secondary-25: rgba(249, 249, 249, 1);
    --color-grey-secondary-26: rgba(247, 247, 247, 1);
    --color-grey-secondary-27: rgba(245, 245, 245, 1);
    --color-grey-secondary-28: rgba(242, 242, 242, 1);
    --color-grey-secondary-29: rgba(238, 238, 238, 1);
    --color-grey-secondary-30: rgba(230, 230, 230, 1);
    --color-grey-secondary-31: rgba(221, 221, 221, 1);
    --color-grey-secondary-32: rgba(178, 178, 178, 1);
    --color-grey-secondary-33: rgba(149, 149, 149, 1);
    --color-grey-secondary-34: rgba(109, 109, 109, 1);
    --color-grey-secondary-35-rgb: 68, 68, 68;
    --color-grey-secondary-35: rgba(var(--color-grey-secondary-35), 1);
    --color-grey-secondary-35-70: rgba(var(--color-grey-secondary-35), 0.70);
    --color-grey-secondary-36: rgba(23, 23, 23, 1);
    /* Signal colors */
    --color-signal-red-rgb: 224, 0, 0;
    --color-signal-red-03: rgba(var(--color-signal-red-rgb), 0.03);
    --color-signal-red-10: rgba(var(--color-signal-red-rgb), 0.10);
    --color-signal-red-15: rgba(var(--color-signal-red-rgb), 0.15);
    --color-signal-red-20: rgba(var(--color-signal-red-rgb), 0.20);
    --color-signal-red-25: rgba(var(--color-signal-red-rgb), 0.25);
    --color-signal-red-50: rgba(var(--color-signal-red-rgb), 0.50);
    --color-signal-red: rgba(var(--color-signal-red-rgb), 1);
    --color-signal-green-rgb: 0, 138, 28;
    --color-signal-green-05: rgba(var(--color-signal-green-rgb), 0.05);
    --color-signal-green-10: rgba(var(--color-signal-green-rgb), 0.10);
    --color-signal-green-15: rgba(var(--color-signal-green-rgb), 0.15);
    --color-signal-green-25: rgba(var(--color-signal-green-rgb), 0.25);
    --color-signal-green-35: rgba(var(--color-signal-green-rgb), 0.35);
    --color-signal-green-50: rgba(var(--color-signal-green-rgb), 0.50);
    --color-signal-green: rgba(var(--color-signal-green-rgb), 1);
    --color-signal-yellow-rgb: 255, 162, 0;
    --color-signal-yellow-10: rgba(var(--color-signal-yellow-rgb), 0.10);
    --color-signal-yellow: rgba(var(--color-signal-yellow-rgb), 1);
    /* Active */
    --color-blue-active-rgb: 0, 102, 204;
    --color-blue-active-10: rgba(var(--color-blue-active-rgb), 0.10);
    --color-blue-active-20: rgba(var(--color-blue-active-rgb), 0.20);
    --color-blue-active-35: rgba(var(--color-blue-active-rgb), 0.35);
    --color-blue-active: rgba(var(--color-blue-active-rgb), 1);
    --color-blue-active-dark: rgba(0, 52, 104, 1);
    /* Colors */
    --color-yellow: rgba(255, 207, 35, 1);
    --color-orange-rgb: 255, 131, 40;
    --color-orange-25: rgba(var(--color-orange-rgb), 0.25);
    --color-orange: rgba(var(--color-orange-rgb), 1);
    --color-orange-popup-light: rgba(255, 218, 168, 1);
    --color-orange-popup: rgba(243, 141, 0, 1);
    --color-red-rgb: 236, 9, 24;
    --color-red-15: rgba(var(--color-red-rgb), 0.15);
    --color-red: rgba(var(--color-red-rgb), 1);
    --color-purple: rgba(171, 67, 223, 1);
    --color-blue-light: rgba(175, 186, 218, 1);
    --color-blue-lighter: rgba(223, 230, 251, 1);
    --color-blue-dark: rgba(3, 27, 98, 1);
    --color-turquoise: rgba(6, 197, 174, 1);
    --color-green-rgb: 0, 161, 45;
    --color-green-10: rgba(var(--color-green-rgb), 0.10);
    --color-green-15: rgba(var(--color-green-rgb), 0.15);
    --color-green-50: rgba(var(--color-green-rgb), 0.50);
    --color-green: rgba(var(--color-green-rgb), 1);
    --color-infsoft: rgba(227, 6, 19, 1);
    /* Brand */
    --color-brand-primary-03: rgba(var(--color-brand-primary-rgb), 0.03);
    --color-brand-primary-05: rgba(var(--color-brand-primary-rgb), 0.05);
    --color-brand-primary-15: rgba(var(--color-brand-primary-rgb), 0.15);
    --color-brand-primary-25: rgba(var(--color-brand-primary-rgb), 0.25);
    --color-brand-primary-35: rgba(var(--color-brand-primary-rgb), 0.35);
    --color-brand-primary-50: rgba(var(--color-brand-primary-rgb), 0.50);
    --color-brand-primary-75: rgba(var(--color-brand-primary-rgb), 0.75);
    --color-brand-primary: rgba(var(--color-brand-primary-rgb), 1);
    --color-brand-primary-on-dark-75: rgba(var(--color-brand-primary-on-dark-rgb), 0.75);
    --color-brand-primary-on-dark: rgba(var(--color-brand-primary-on-dark-rgb), 1);
    --color-brand-primary-wcag-05: rgba(var(--color-brand-primary-wcag-rgb), 0.05);
    --color-brand-primary-wcag-25: rgba(var(--color-brand-primary-wcag-rgb), 0.25);
    --color-brand-primary-wcag-65: rgba(var(--color-brand-primary-wcag-rgb), 0.65);
    --color-brand-primary-wcag-85: rgba(var(--color-brand-primary-wcag-rgb), 0.85);
    --color-brand-primary-wcag: rgba(var(--color-brand-primary-wcag-rgb), 1);
    --color-brand-background-1-80: rgba(var(--color-brand-background-1-rgb), 0.80);
    --color-brand-background-1: rgba(var(--color-brand-background-1-rgb), 1);
    --color-brand-background-2: rgba(var(--color-brand-background-2-rgb), 1);
    /* Brand base colors, overriden per tenant */
    --color-brand-primary-rgb: 57, 160, 25;
    --color-brand-primary-on-dark-rgb: 176, 217, 163;
    --color-brand-primary-wcag-rgb: 0, 89, 41;
    --color-brand-background-1-rgb: 0, 55, 29;
    --color-brand-background-2-rgb: 21, 65, 0;
}