/* MAFRIQ MARKETING PALETTES */
:root {
    /* To get dark-1, light-1, light-2 and text from primary:
    Use MD theme... primary = 500, dark-1 = 700, light-1 = 400, light-2 = 300 light-3 = 50 at 30% alpha
    */
    --mafriq-site: var(--mafriq-darker);
    --mafriq-site-dark-1: #404040;
    --mafriq-site-light-1: #6a6a6a;
    --mafriq-site-light-2: #858585;
    --mafriq-site-light-3: #eaeaea;
    --mafriq-site-text: #ffffff;

    /* Palettes */
    --login-palette-1: var(--mafriq-red);
    --login-palette-2: var(--light-grey);
    --login-palette-3: var(--nearly-black);
    --login-palette-4: var(--dark-grey);
    --login-palette-5: var(--burnt-red);
    --login-palette-6: var(--mafriq-red);

    /* Mafriq Colours */
    --mafriq-red: #ba070b;
    --burnt-red: #6f0d13;
    --dark-grey: #6e6e70;
    --mafriq-darker: #505050;
    --light-grey: #c8c9cb;
    --nearly-black: #231f20;
    --white: #ffffff;

    /* Primary Theme */
    --primary: var(--mafriq-site);
    --primary-dark-1: var(--mafriq-site-dark-1);
    --primary-light-1: var(--mafriq-site-light-1);
    --primary-light-2: var(--mafriq-site-light-2);
    --primary-light-3: var(--mafriq-site-light-3);
    --primary-text: var(--mafriq-site-text);
    --primary-text-dark: #424242;
    --main-toolbar-override: var(--mafriq-red);

    /* Accent Color */
    --accent: #ff4081;
}