:root {
    --hue-pink: 0.41;
    --hue-red: 27.77;
    --hue-deep-orange: 36.55;
    --hue-orange: 64.49305408048187;
    --hue-amber: 84.43;
    --hue-lime: 111.65;
    --hue-light-green: 130.58;
    --hue-green: 144.31;
    --hue-teal: 184.38;
    --hue-cyan: 210.9385318522298;
    --hue-light-blue: 238.46;
    --hue-indigo: 275.54;
    --hue-deep-purple: 300;
    --hue-purple: 321.42;

    --bs-body-color: #212529;
    --bs-tertiary-bg: #f8f9fa;
    --bs-body-bg: #fff;


    --hue-active: var(--hue-purple);

    --color-primary-white: oklch(93.83% 0.0265 var(--hue-active)); /*100*/
    --color-primary-ultra-light: oklch(87.74% 0.052 var(--hue-active)); /*200*/
    --color-primary-light: oklch(73.57% 0.118 var(--hue-active)); /*400*/
    --color-primary: oklch(65.63% 0.157 var(--hue-active)); /*500*/
    --color-primary-dark: oklch(57.32% 0.194 var(--hue-active)); /*600*/

    --color-purple-ultra-light: oklch(87.74% 0.052 var(--hue-purple)); /*200*/
    --color-purple-light: oklch(73.57% 0.118 var(--hue-purple)); /*400*/
    --color-purple: oklch(65.63% 0.157 var(--hue-purple)); /*500*/
    --color-purple-dark: oklch(57.32% 0.194 var(--hue-purple)); /*600*/

    --color-orange-ultra-light: oklch(87.74% 0.052 var(--hue-orange)); /*200*/
    --color-orange-light: oklch(73.57% 0.118 var(--hue-orange)); /*400*/
    --color-orange: oklch(65.63% 0.157 var(--hue-orange)); /*500*/
    --color-orange-dark: oklch(57.32% 0.194 var(--hue-orange)); /*600*/

    --color-text: #303030;
    --color-text-light: #707070;
    --color-background: #f3f2f7;

    --hue-success: 144.31;
    --color-success: oklch(64.27% 0.215 var(--hue-success));
    --color-success-light: oklch(68.75% 0.18 var(--hue-success));
    --color-success-ultra-light: oklch(89.31% 0.06 var(--hue-success));
    --color-success-white: oklch(93.83% 0.0265 var(--hue-success));

    --hue-warning: 84.93;
    --color-warning: oklch(64.27% 0.215 var(--hue-warning));
    --color-warning-light: oklch(68.75% 0.18 var(--hue-warning));
    --color-warning-ultra-light: oklch(89.31% 0.06 var(--hue-warning));
    --color-warning-white: oklch(93.83% 0.0265 var(--hue-warning));

    --hue-danger: 28.81;
    --color-danger: oklch(64.27% 0.215 var(--hue-danger));
    --color-danger-light: oklch(68.75% 0.18 var(--hue-danger));
    --color-danger-ultra-light: oklch(89.31% 0.06 var(--hue-danger));
    --color-danger-white: oklch(93.83% 0.0265 var(--hue-danger));
}