:root {
    /* Modifiers */

    --color-darken-percentage: 0.20;
    --color-lighten-percentage: 1.60;

    /* Primary Colors */

    --color-green-hex: #8DB600;
    --color-green-h: 74;
    --color-green-s: 100%;
    --color-green-l: 36%;
    --color-green-l-dark: calc(var(--color-green-l) * var(--color-darken-percentage));
    --color-green-l-light: calc(var(--color-green-l) * var(--color-lighten-percentage));
    --color-green-hsl: var(--color-green-h), var(--color-green-s), var(--color-green-l);
    --color-green-hsl-dark: var(--color-green-h), var(--color-green-s), var(--color-green-l-dark);
    --color-green-hsl-light: var(--color-green-h), var(--color-green-s), var(--color-green-l-light);
    --color-green: hsl(var(--color-green-hsl));
    --color-green-dark: hsl(var(--color-green-hsl-dark));
    --color-green-light: hsl(var(--color-green-hsl-light));

    --color-ocean-hex: #1EAFCC;
    --color-ocean-h: 190;
    --color-ocean-s: 74%;
    --color-ocean-l: 46%;
    --color-ocean-l-dark: calc(var(--color-ocean-l) * var(--color-darken-percentage));
    --color-ocean-l-light: calc(var(--color-ocean-l) * var(--color-lighten-percentage));
    --color-ocean-hsl: var(--color-ocean-h), var(--color-ocean-s), var(--color-ocean-l);
    --color-ocean-hsl-dark: var(--color-ocean-h), var(--color-ocean-s), var(--color-ocean-l-dark);
    --color-ocean-hsl-light: var(--color-ocean-h), var(--color-ocean-s), var(--color-ocean-l-light);
    --color-ocean: hsl(var(--color-ocean-hsl));
    --color-ocean-dark: hsl(var(--color-ocean-hsl-dark));
    --color-ocean-light: hsl(var(--color-ocean-hsl-light));

    --color-sky-hex: #1E6699;
    --color-sky-h: 205;
    --color-sky-s: 67%;
    --color-sky-l: 36%;
    --color-sky-l-dark: calc(var(--color-sky-l) * var(--color-darken-percentage));
    --color-sky-l-light: calc(var(--color-sky-l) * var(--color-lighten-percentage));
    --color-sky-hsl: var(--color-sky-h), var(--color-sky-s), var(--color-sky-l);
    --color-sky-hsl-dark: var(--color-sky-h), var(--color-sky-s), var(--color-sky-l-dark);
    --color-sky-hsl-light: var(--color-sky-h), var(--color-sky-s), var(--color-sky-l-light);
    --color-sky: hsl(var(--color-sky-hsl));
    --color-sky-dark: hsl(var(--color-sky-hsl-dark));
    --color-sky-light: hsl(var(--color-sky-hsl-light));

    --color-space-hex: #1F2D3F;
    --color-space-h: 214;
    --color-space-s: 34%;
    --color-space-l: 18%;
    --color-space-l-dark: calc(var(--color-space-l) * var(--color-darken-percentage));
    --color-space-l-light: calc(var(--color-space-l) * var(--color-lighten-percentage));
    --color-space-hsl: var(--color-space-h), var(--color-space-s), var(--color-space-l);
    --color-space-hsl-dark: var(--color-space-h), var(--color-space-s), var(--color-space-l-dark);
    --color-space-hsl-light: var(--color-space-h), var(--color-space-s), var(--color-space-l-light);
    --color-space: hsl(var(--color-space-hsl));
    --color-space-dark: hsl(var(--color-space-hsl-dark));
    --color-space-light: hsl(var(--color-space-hsl-light));

    --color-cloud-hex: #D7D7D7;
    --color-cloud-h: 0;
    --color-cloud-s: 0%;
    --color-cloud-l: 84%;
    --color-cloud-l-dark: calc(var(--color-cloud-l) * var(--color-darken-percentage));
    --color-cloud-l-light: calc(var(--color-cloud-l) * var(--color-lighten-percentage));
    --color-cloud-hsl: var(--color-cloud-h), var(--color-cloud-s), var(--color-cloud-l);
    --color-cloud-hsl-dark: var(--color-cloud-h), var(--color-cloud-s), var(--color-cloud-l-dark);
    --color-cloud-hsl-light: var(--color-cloud-h), var(--color-cloud-s), var(--color-cloud-l-light);
    --color-cloud: hsl(var(--color-cloud-hsl));
    --color-cloud-dark: hsl(var(--color-cloud-hsl-dark));
    --color-cloud-light: hsl(var(--color-cloud-hsl-light));

    --color-punch-hex: #F24848;
    --color-punch-h: 0;
    --color-punch-s: 87%;
    --color-punch-l: 62%;
    --color-punch-l-dark: calc(var(--color-punch-l) * var(--color-darken-percentage));
    --color-punch-l-light: calc(var(--color-punch-l) * var(--color-lighten-percentage));
    --color-punch-hsl: var(--color-punch-h), var(--color-punch-s), var(--color-punch-l);
    --color-punch-hsl-dark: var(--color-punch-h), var(--color-punch-s), var(--color-punch-l-dark);
    --color-punch-hsl-light: var(--color-punch-h), var(--color-punch-s), var(--color-punch-l-light);
    --color-punch: hsl(var(--color-punch-hsl));
    --color-punch-dark: hsl(var(--color-punch-hsl-dark));
    --color-punch-light: hsl(var(--color-punch-hsl-light));

    --color-papaya-hex: #F26D48;
    --color-papaya-h: 13;
    --color-papaya-s: 87%;
    --color-papaya-l: 62%;
    --color-papaya-l-dark: calc(var(--color-papaya-l) * var(--color-darken-percentage));
    --color-papaya-l-light: calc(var(--color-papaya-l) * var(--color-lighten-percentage));
    --color-papaya-hsl: var(--color-papaya-h), var(--color-papaya-s), var(--color-papaya-l);
    --color-papaya-hsl-dark: var(--color-papaya-h), var(--color-papaya-s), var(--color-papaya-l-dark);
    --color-papaya-hsl-light: var(--color-papaya-h), var(--color-papaya-s), var(--color-papaya-l-light);
    --color-papaya: hsl(var(--color-papaya-hsl));
    --color-papaya-dark: hsl(var(--color-papaya-hsl-dark));
    --color-papaya-light: hsl(var(--color-papaya-hsl-light));


    /* Call Types */

    --operator-color-hex: #E6D3BA;
    --operator-color-h: 34;
    --operator-color-s: 47%;
    --operator-color-l: 82%;
    --operator-color-l-dark: calc(var(--operator-color-l) * var(--color-darken-percentage));
    --operator-color-l-light: calc(var(--operator-color-l) * var(--color-lighten-percentage));
    --operator-color-hsl: var(--operator-color-h), var(--operator-color-s), var(--operator-color-l);
    --operator-color-hsl-dark: var(--operator-color-h), var(--operator-color-s), var(--operator-color-l-dark);
    --operator-color-hsl-light: var(--operator-color-h), var(--operator-color-s), var(--operator-color-l-light);
    --operator-color: hsl(var(--operator-color-hsl));
    --operator-color-dark: hsl(var(--operator-color-hsl-dark));
    --operator-color-light: hsl(var(--operator-color-hsl-light));

    --user-extension-color-hex: #4D97BC;
    --user-extension-color-h: 200;
    --user-extension-color-s: 45%;
    --user-extension-color-l: 52%;
    --user-extension-color-l-dark: calc(var(--user-extension-color-l) * var(--color-darken-percentage));
    --user-extension-color-l-light: calc(var(--user-extension-color-l) * var(--color-lighten-percentage));
    --user-extension-color-hsl: var(--user-extension-color-h), var(--user-extension-color-s), var(--user-extension-color-l);
    --user-extension-color-hsl-dark: var(--user-extension-color-h), var(--user-extension-color-s), var(--user-extension-color-l-dark);
    --user-extension-color-hsl-light: var(--user-extension-color-h), var(--user-extension-color-s), var(--user-extension-color-l-light);
    --user-extension-color: hsl(var(--user-extension-color-hsl));
    --user-extension-color-dark: hsl(var(--user-extension-color-hsl-dark));
    --user-extension-color-light: hsl(var(--user-extension-color-hsl-light));

    --hunt-group-color-hex: #F1C643;
    --hunt-group-color-h: 45;
    --hunt-group-color-s: 86%;
    --hunt-group-color-l: 60%;
    --hunt-group-color-l-dark: calc(var(--hunt-group-color-l) * var(--color-darken-percentage));
    --hunt-group-color-l-light: calc(var(--hunt-group-color-l) * var(--color-lighten-percentage));
    --hunt-group-color-hsl: var(--hunt-group-color-h), var(--hunt-group-color-s), var(--hunt-group-color-l);
    --hunt-group-color-hsl-dark: var(--hunt-group-color-h), var(--hunt-group-color-s), var(--hunt-group-color-l-dark);
    --hunt-group-color-hsl-light: var(--hunt-group-color-h), var(--hunt-group-color-s), var(--hunt-group-color-l-light);
    --hunt-group-color: hsl(var(--hunt-group-color-hsl));
    --hunt-group-color-dark: hsl(var(--hunt-group-color-hsl-dark));
    --hunt-group-color-light: hsl(var(--hunt-group-color-hsl-light));

    --conference-color-hex: #8F81A5;
    --conference-color-h: 263;
    --conference-color-s: 17%;
    --conference-color-l: 58%;
    --conference-color-l-dark: calc(var(--conference-color-l) * var(--color-darken-percentage));
    --conference-color-l-light: calc(var(--conference-color-l) * var(--color-lighten-percentage));
    --conference-color-hsl: var(--conference-color-h), var(--conference-color-s), var(--conference-color-l);
    --conference-color-hsl-dark: var(--conference-color-h), var(--conference-color-s), var(--conference-color-l-dark);
    --conference-color-hsl-light: var(--conference-color-h), var(--conference-color-s), var(--conference-color-l-light);
    --conference-color: hsl(var(--conference-color-hsl));
    --conference-color-dark: hsl(var(--conference-color-hsl-dark));
    --conference-color-light: hsl(var(--conference-color-hsl-light));

    --outside-access-color-hex: #F19643;
    --outside-access-color-h: 29;
    --outside-access-color-s: 86%;
    --outside-access-color-l: 60%;
    --outside-access-color-l-dark: calc(var(--outside-access-color-l) * var(--color-darken-percentage));
    --outside-access-color-l-light: calc(var(--outside-access-color-l) * var(--color-lighten-percentage));
    --outside-access-color-hsl: var(--outside-access-color-h), var(--outside-access-color-s), var(--outside-access-color-l);
    --outside-access-color-hsl-dark: var(--outside-access-color-h), var(--outside-access-color-s), var(--outside-access-color-l-dark);
    --outside-access-color-hsl-light: var(--outside-access-color-h), var(--outside-access-color-s), var(--outside-access-color-l-light);
    --outside-access-color: hsl(var(--outside-access-color-hsl));
    --outside-access-color-dark: hsl(var(--outside-access-color-hsl-dark));
    --outside-access-color-light: hsl(var(--outside-access-color-hsl-light));

    --park-color-hex: #E3B5FF;
    --park-color-h: 277;
    --park-color-s: 100%;
    --park-color-l: 85%;
    --park-color-l-dark: calc(var(--park-color-l) * var(--color-darken-percentage));
    --park-color-l-light: calc(var(--park-color-l) * var(--color-lighten-percentage));
    --park-color-hsl: var(--park-color-h), var(--park-color-s), var(--park-color-l);
    --park-color-hsl-dark: var(--park-color-h), var(--park-color-s), var(--park-color-l-dark);
    --park-color-hsl-light: var(--park-color-h), var(--park-color-s), var(--park-color-l-light);
    --park-color: hsl(var(--park-color-hsl));
    --park-color-dark: hsl(var(--park-color-hsl-dark));
    --park-color-light: hsl(var(--park-color-hsl-light));

    --auto-attendant-color-hex: #ad8da4;
    --auto-attendant-color-h: 80;
    --auto-attendant-color-s: 52%;
    --auto-attendant-color-l: 60%;
    --auto-attendant-color-l-dark: calc(var(--auto-attendant-color-l) * var(--color-darken-percentage));
    --auto-attendant-color-l-light: calc(var(--auto-attendant-color-l) * var(--color-lighten-percentage));
    --auto-attendant-color-hsl: var(--auto-attendant-color-h), var(--auto-attendant-color-s), var(--auto-attendant-color-l);
    --auto-attendant-color-hsl-dark: var(--auto-attendant-color-h), var(--auto-attendant-color-s), var(--auto-attendant-color-l-dark);
    --auto-attendant-color-hsl-light: var(--auto-attendant-color-h), var(--auto-attendant-color-s), var(--auto-attendant-color-l-light);
    --auto-attendant-color: hsl(var(--auto-attendant-color-hsl));
    --auto-attendant-color-dark: hsl(var(--auto-attendant-color-hsl-dark));
    --auto-attendant-color-light: hsl(var(--auto-attendant-color-hsl-light));

    --emergency-color-hex: #ED6944;
    --emergency-color-h: 13;
    --emergency-color-s: 82%;
    --emergency-color-l: 60%;
    --emergency-color-l-dark: calc(var(--emergency-color-l) * var(--color-darken-percentage));
    --emergency-color-l-light: calc(var(--emergency-color-l) * var(--color-lighten-percentage));
    --emergency-color-hsl: var(--emergency-color-h), var(--emergency-color-s), var(--emergency-color-l);
    --emergency-color-hsl-dark: var(--emergency-color-h), var(--emergency-color-s), var(--emergency-color-l-dark);
    --emergency-color-hsl-light: var(--emergency-color-h), var(--emergency-color-s), var(--emergency-color-l-light);
    --emergency-color: hsl(var(--emergency-color-hsl));
    --emergency-color-dark: hsl(var(--emergency-color-hsl-dark));
    --emergency-color-light: hsl(var(--emergency-color-hsl-light));

    --acd-queue-color-hex: #6CC7B6;
    --acd-queue-color-h: 169;
    --acd-queue-color-s: 45%;
    --acd-queue-color-l: 60%;
    --acd-queue-color-l-dark: calc(var(--acd-queue-color-l) * var(--color-darken-percentage));
    --acd-queue-color-l-light: calc(var(--acd-queue-color-l) * var(--color-lighten-percentage));
    --acd-queue-color-hsl: var(--acd-queue-color-h), var(--acd-queue-color-s), var(--acd-queue-color-l);
    --acd-queue-color-hsl-dark: var(--acd-queue-color-h), var(--acd-queue-color-s), var(--acd-queue-color-l-dark);
    --acd-queue-color-hsl-light: var(--acd-queue-color-h), var(--acd-queue-color-s), var(--acd-queue-color-l-light);
    --acd-queue-color: hsl(var(--acd-queue-color-hsl));
    --acd-queue-color-dark: hsl(var(--acd-queue-color-hsl-dark));
    --acd-queue-color-light: hsl(var(--acd-queue-color-hsl-light));

    --group-voicemail-color-hex: #F26D48;
    --group-voicemail-color-h: 13;
    --group-voicemail-color-s: 87%;
    --group-voicemail-color-l: 62%;
    --group-voicemail-color-l-dark: calc(var(--group-voicemail-color-l) * var(--color-darken-percentage));
    --group-voicemail-color-l-light: calc(var(--group-voicemail-color-l) * var(--color-lighten-percentage));
    --group-voicemail-color-hsl: var(--group-voicemail-color-h), var(--group-voicemail-color-s), var(--group-voicemail-color-l);
    --group-voicemail-color-hsl-dark: var(--group-voicemail-color-h), var(--group-voicemail-color-s), var(--group-voicemail-color-l-dark);
    --group-voicemail-color-hsl-light: var(--group-voicemail-color-h), var(--group-voicemail-color-s), var(--group-voicemail-color-l-light);
    --group-voicemail-color: hsl(var(--group-voicemail-color-hsl));
    --group-voicemail-color-dark: hsl(var(--group-voicemail-color-hsl-dark));
    --group-voicemail-color-light: hsl(var(--group-voicemail-color-hsl-light));

    --user-voicemail-color-hex: #5fd2f0;
    --user-voicemail-color-h: 192;
    --user-voicemail-color-s: 83%;
    --user-voicemail-color-l: 66%;
    --user-voicemail-color-l-dark: calc(var(--user-voicemail-color-l) * var(--color-darken-percentage));
    --user-voicemail-color-l-light: calc(var(--user-voicemail-color-l) * var(--color-lighten-percentage));
    --user-voicemail-color-hsl: var(--user-voicemail-color-h), var(--user-voicemail-color-s), var(--user-voicemail-color-l);
    --user-voicemail-color-hsl-dark: var(--user-voicemail-color-h), var(--user-voicemail-color-s), var(--user-voicemail-color-l-dark);
    --user-voicemail-color-hsl-light: var(--user-voicemail-color-h), var(--user-voicemail-color-s), var(--user-voicemail-color-l-light);
    --user-voicemail-color: hsl(var(--user-voicemail-color-hsl));
    --user-voicemail-color-dark: hsl(var(--user-voicemail-color-hsl-dark));
    --user-voicemail-color-light: hsl(var(--user-voicemail-color-hsl-light));

    --unknown-color-hex: #b8fffd;
    --unknown-color-h: 178;
    --unknown-color-s: 100%;
    --unknown-color-l: 86%;
    --unknown-color-l-dark: calc(var(--unknown-color-l) * var(--color-darken-percentage));
    --unknown-color-l-light: calc(var(--unknown-color-l) * var(--color-lighten-percentage));
    --unknown-color-hsl: var(--unknown-color-h), var(--unknown-color-s), var(--unknown-color-l);
    --unknown-color-hsl-dark: var(--unknown-color-h), var(--unknown-color-s), var(--unknown-color-l-dark);
    --unknown-color-hsl-light: var(--unknown-color-h), var(--unknown-color-s), var(--unknown-color-l-light);
    --unknown-color: hsl(var(--unknown-color-hsl));
    --unknown-color-dark: hsl(var(--unknown-color-hsl-dark));
    --unknown-color-light: hsl(var(--unknown-color-hsl-light));

}