:root {
    /* subscription colours */
    --media-dark: #22B9DD;
    --media-mid: #56C9E5;
    --media-light: #ACE3F6;
    --media-very-light: #22B8DC26;
    --sports-dark: #3EAD85;
    --sports-mid: #63C19D;
    --sports-light: #9EE8CA;
    --sports-very-light: #3FAC8426;
    --games-dark: #9D8AF7;
    --games-mid: #ADA7F7;
    --games-light: #D8D6FC;
    --games-very-light: #9D8AF726;

    /* neutrals */
    --primary-font: #20243D;
    --secondary-bg: #20243E;
    --secondary-dark-blue: #363A51;
    --read-more-blue: #4B8AB5;
    --pale-blue: #75CFE5;
    --neutral-dark-gray: #4D4D4D;
    --neutral-mid-gray: #BFBFBF;
    --neutral-light-gray: #F1F5FC;
    --white: #FFFFFF;

    /* primary */
    --primary-dark-blue: #2560BF;
    --primary-pink: #E259B2;
    --primary-yellow: #EEB11B;

    /* misc */
    --gray-bg: #ECECEC;
    --dark-gray: #636263;
    --mid-gray: #858485;
    --light-gray: #D3D3D3;
    --report-outline-gray: #E2E2E2;
    --hover-gray: #C9C9C9;
    --dark-red: #CF032A;
    --report-font-colour: #424247;
    --nav-dropdown: #212529;
}