:root {
    /* grayscale */
    --black: rgb(20, 20, 20);
    --off-black-0: rgb(25, 25, 25);
    --off-black: rgb(51, 51, 51);
    --off-black-2: rgb(61, 61, 61);
    --gray: rgb(75, 75, 75);
    --white: rgb(252, 252, 252);
    --off-white: rgb(245, 245, 245);
    --off-white-2: rgb(239, 239, 239);
    --gray-1: rgb(239, 239, 239);
    --gray-2: rgb(231, 231, 231);
    --gray-3: rgb(225, 225, 225);
    --gray-6: rgb(85, 85, 85);
    /* colour */
    --blue: #648FFF;
    --purple: #785EF0;
    --violet: #DC267f;
    --orange: #FE6100;
    --yellow: #FFBB00;
    --green: #009E73;
    --palette-a-blue: #648FFF;
    --palette-a-purple: #785EF0;
    --palette-a-violet: #DC267f;
    --palette-a-orange: #FE6100;
    --palette-a-yellow: #FFBB00;
    /* modal */
    --modal-bg: rgba(40, 40, 40, 0.98);
    /* wizard */
    --backdrop: rgba(50, 50, 50, 0.995);
    --wizard-bg: rgba(50, 50, 50, 0.995);
    --wizard-bg-alt: rgb(40, 50, 60, 0.98);
}