@import 'https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap';
    :root {
        --bs-body-font-family: "Comic Neue", cursive;
        --main-pop: #FF00FF;
        --main-grey: #00FF00;
        --main-dark-blue: #FF6600;
        --main-yellow: #FF0000;
        --main-text: #FF00FF;
        --main-white: #FFFF00;
        --side-white: #00FFFF;
        --side-grey: #FF69B4;

        /* Core palette */
        --bs-blue: #FF0000;
        --bs-indigo: #00FF00;
        --bs-purple: #FFFF00;
        --bs-pink: #00FFFF;
        --bs-red: #00FF00;
        --bs-orange: #FF00FF;
        --bs-yellow: #0000FF;
        --bs-green: #FF6600;
        --bs-teal: #FF0066;
        --bs-cyan: #FF6600;

        --bs-white: #FFFF00;
        --bs-black: #00FF00;

        /* Grays mapped to neon nightmare */
        --bs-gray-100: #FF00FF;
        --bs-gray-200: #00FF00;
        --bs-gray-300: #FF6600;
        --bs-gray-400: #FF0000;
        --bs-gray-500: #00FFFF;
        --bs-gray-600: #FFFF00;
        --bs-gray-700: #FF69B4;
        --bs-gray-800: #00FF00;
        --bs-gray-900: #FF00FF;

        --bs-gray: #FF0000;
        --bs-gray-dark: #00FF00;

        /* Semantic colors */
        --bs-primary: #FF00FF;
        --bs-secondary: #FFFF00;
        --bs-success: #FF0000;
        --bs-info: #00FF00;
        --bs-warning: #00FFFF;
        --bs-danger: #0000FF;
        --bs-light: #FF6600;
        --bs-dark: #FF00FF;

        /* RGB */
        --bs-primary-rgb: 255, 0, 255;
        --bs-secondary-rgb: 255, 255, 0;
        --bs-success-rgb: 255, 0, 0;
        --bs-info-rgb: 0, 255, 0;
        --bs-warning-rgb: 0, 255, 255;
        --bs-danger-rgb: 0, 0, 255;
        --bs-light-rgb: 255, 102, 0;
        --bs-dark-rgb: 255, 0, 255;

        --bs-white-rgb: 255, 255, 0;
        --bs-black-rgb: 0, 255, 0;

        --bs-body-color: #FF00FF;
        --bs-body-color-rgb: 255, 0, 255;
        --bs-body-bg: #00FF00;
        --bs-body-bg-rgb: 0, 255, 0;
    }