/* IOEC MARKETING PALETTES */
:root {
    /* Colors */
    --deep-sea: rgba(16, 75, 133, 1); /* #104b85ff */
    --deeper-sea-sky: rgba(14, 167, 224, 1); /* #0ea7e0ff */
    --deeper-tropical: rgba(5, 129, 148, 1); /* #058194 */
    --shallow-waters: rgba(83, 196, 201, 1); /* #53c4c9ff */
    --coastal-shores: rgba(227, 218, 198, 1); /* #e3dac6ff */
    --deep-inland: rgba(170, 132, 111, 1); /* #aa846fff */

    /* Palettes */
    --login-palette-1: var(--deep-sea);
    --login-palette-2: var(--deeper-sea-sky);
    --login-palette-3: var(--deeper-tropical);
    --login-palette-4: var(--shallow-waters);
    --login-palette-5: var(--coastal-shores);
    --login-palette-6: var(--deep-inland);

    /* 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 */
    --deep-sea-dark-1: #0c3b72;
    --deep-sea-light-1: #346697;
    --deep-sea-light-2: #5881aa;
    --deep-sea-light-3: rgba(47, 139, 230, 0.3);
    --deep-sea-text: #ffffff;

    /* Primary Theme */
    --primary: var(--deep-sea);
    --primary-dark-1: var(--deep-sea-dark-1);
    --primary-light-1: var(--deep-sea-light-1);
    --primary-light-2: var(--deep-sea-light-2);
    --primary-light-3: var(--deep-sea-light-3);
    --primary-text: var(--deep-sea-text);
    --primary-text-dark: #424242;

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

    --main-toolbar-override: var(--deep-sea);
}