:root {
    --rsp-purple: #aa417a;
    --rsp-blue: #4969a0;
    --rsp-orange: #E6780F;
    --rsp-green: #84B12F;
    --rsp-purple-light: #ab407a;
    --rsp-purple-light-rgb: 171, 64, 122;
    --rsp-blue-light: #36a8e0;
    --rsp-blue-light-rgb: 54, 168, 224;
    --rsp-orange-light: #e07411;
    --rsp-orange-light-rgb: 224, 116, 17;
    --rsp-green-light: #94bf1f;
    --rsp-green-light-rgb: 148, 191, 31;
    --primary: #ab407a;
    --primary-rgb: 170, 65, 122;
    --primary-dark: #2634b7;
    --primary-dark-rgb: 38, 52, 183;
    --primary-light: #525dc8;
    --primary-light-rgb: 82, 93, 200;
    --bg-one: #071832;
    --bg-one-rgb: 7, 24, 50;
    --bg-two: #040A24;
    --bg-two-rgb: 4, 10, 36;
    --body: var(--bg-one);
    --body-rgb: var(--bg-one-rgb);
    --title: #303745;
    --text: #495064;
    --border: #1D2F49;
    --white: #ffffff;
    --orange-300: #fdba74;
    --orange-400: #fb923c;
    --orange-500: #f97316;
    --green-400: #c2d897;
    --blue-200: #bfdbfe;
    --purple-400: #c084fc
}