/* IOEC theme */

/* Custom Colors */
:root {
    --accent-blue: #0c8ce9;
    --accent-pink: #ff4081;
    --dark-red: #cc0000;
    --light-gray: #f2f2f2;
    --link: #ff0057;
    --navy-blue: #092d55;
    --royal-blue: #16385e;
    --sky-blue: #e1e8f1;
    --soft-black: #333;
    --negative-space: color-mix(in srgb, var(--sky-blue) 85%, black);
    --table-alt-row: #f7f7f7; /* From figma product page priorty info */
    --table-border: #dadada; /* From figma product page priorty info */
    --saved-green: #4bee2b;
}

/* Assign Colors */
:root {
    --primary: var(--navy-blue);
    --secondary: var(--royal-blue);
    --primary-white: var(--sky-blue);
    --accent-primary: var(--accent-pink);
    --accent-secondary: var(--accent-blue);
    --accent-alert: #ffcb59;
    --surface1: #f1f5fb;
    --surface2: #e6ebf3;

    --button: var(--navy-blue);
    --nav-bar-bg: var(--royal-blue);
    --context-bar-bg: var(--navy-blue);
    --shopping-bar-bg: var(--royal-blue);
    --side-nav-menu: var(--navy-blue);
    --browse-button: var(--navy-blue);
    --browse-button-bg: #d6e2f1;
    --buy-box-bg: #ebf5ff;
    --last-category-walker: #173759;
    --cart-preview-bg: #32c868;
    --customer-name: var(--accent-alert);
}