:root{
    --tenant-primary: #336699;
    --tenant-primary-hover: #1b4e81;
    --tenant-primary-deep: #033669;
    --tenant-primary-rgb: 51, 102, 153;
    --tenant-on-primary: #ffffff;
    --tenant-secondary: #0A2BCB;
    --tenant-secondary-hover: #0017b7;
    --tenant-secondary-rgb: 10, 43, 203;
    --tenant-on-secondary: #ffffff;
    --tenant-primary-soft: rgba(51, 102, 153, .10);
    --tenant-primary-soft-strong: rgba(51, 102, 153, .18);
    --tenant-secondary-soft: rgba(10, 43, 203, .10);

    --primary: var(--tenant-primary);
    --secondary: var(--tenant-secondary);
    --primary-hover: var(--tenant-primary-hover);
    --primary-dark: var(--tenant-primary-deep);
    --rgba-primary-1: rgba(51, 102, 153, .1);
    --rgba-primary-2: rgba(51, 102, 153, .2);
    --rgba-primary-3: rgba(51, 102, 153, .3);
    --rgba-primary-4: rgba(51, 102, 153, .4);
    --rgba-primary-5: rgba(51, 102, 153, .5);
    --rgba-primary-6: rgba(51, 102, 153, .6);
    --rgba-primary-7: rgba(51, 102, 153, .7);
    --rgba-primary-8: rgba(51, 102, 153, .8);
    --rgba-primary-9: rgba(51, 102, 153, .9);
    --bs-primary: var(--tenant-primary);
    --bs-primary-rgb: 51, 102, 153;
    --bs-secondary: var(--tenant-secondary);
    --bs-secondary-rgb: 10, 43, 203;

    --base-h: 210;
    --base-s: 50%;
    --base-l: 40%;

    --base-two-h: 230;
    --base-two-s:91%;
    --base-two-l:42%;
}