/* MOXCO 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
    */
    --moxco-site: var(--moxco-darker);
    --moxco-site-dark-1: #404040;
    --moxco-site-light-1: #6a6a6a;
    --moxco-site-light-2: #858585;
    --moxco-site-light-3: #eaeaea;
    --moxco-site-text: #ffffff;

    /* Palettes */
    --login-palette-1: var(--moxco-green);
    --login-palette-2: var(--moxco-green);
    --login-palette-3: var(--moxco-green);
    --login-palette-4: var(--moxco-green);
    --login-palette-5: var(--moxco-green);
    --login-palette-6: var(--moxco-green);

    /* Moxco Colours */
    --moxco-red: #972321;
    --moxco-darker: #505050;
    --moxco-yellow: #ddad37;
    --moxco-green: #1c6459;

    --burnt-red: #6f0d13;
    --dark-grey: #6e6e70;

    --light-grey: #c8c9cb;
    --nearly-black: #231f20;
    --white: #ffffff;

    --amber: #ffcb59;
    --pale-sky: #e1e8f1;

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

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