.autonomic {
    /* Palette */
    /* RGBA instead of hex so that opacity will work */
    --absolute-white: 255, 255, 255;
    --white: 243, 252, 248;
    --shocking-pink: 253, 0, 159;
    --shamrock-green: 0, 198, 88;
    --bubblegum-pink: 255, 133, 203;
    --bright-orange: 255, 96, 21;

    /* Use these in tailwind.config.cjs */
    --primary: var(--shocking-pink);
    --secondary: var(--shamrock-green);
    --tertiary: var(--bright-orange);
    
    --text: var(--shocking-pink);
    --textInverted: var(--absolute-white);
    --background: var(--white);
}