/* ========================================================================
   SECTION C: THEMES
   ======================================================================== */

.smMenu-wrapper.sm-menu-theme-dark {
    --sm-menu-bg-color: #2c3e50;
    --sm-menu-text-color: #ecf0f1;
    --sm-menu-hover-bg-color: #34495e;
    --sm-menu-hover-text-color: #ffffff;
    --sm-menu-accent-color: #3498db;
    --sm-menu-submenu-bg-color: #34495e;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.2);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: #4a627a;
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #4a627a;
}

.smMenu-wrapper.sm-menu-theme-light {
    --sm-menu-bg-color: #ffffff;
    --sm-menu-text-color: #333333;
    --sm-menu-hover-bg-color: #f5f5f5;
    --sm-menu-hover-text-color: #000000;
    --sm-menu-accent-color: #AAC3FF;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.07);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #dee2e6;
}

.smMenu-wrapper.sm-menu-theme-ocean {
    --sm-menu-bg-color: #f0f8ff;
    --sm-menu-text-color: #0a4d68;
    --sm-menu-hover-bg-color: #e0f2fe;
    --sm-menu-hover-text-color: #083344;
    --sm-menu-accent-color: #0096c7;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(0, 150, 199, 0.1);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #bde0fe;
}

.smMenu-wrapper.sm-menu-theme-forest {
    --sm-menu-bg-color: #fcfcf5;
    --sm-menu-text-color: #585141;
    --sm-menu-hover-bg-color: #dde5b6;
    --sm-menu-hover-text-color: #494436;
    --sm-menu-accent-color: #a3b18a;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(88, 81, 73, 0.1);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #fcfcf5;
    --sm-menu-border-color: #d4d4d0;
}

.smMenu-wrapper.sm-menu-theme-sunset {
    --sm-menu-bg-color: #fff8f5;
    --sm-menu-text-color: #7d5a50;
    --sm-menu-hover-bg-color: #ffeadb;
    --sm-menu-hover-text-color: #5e453c;
    --sm-menu-accent-color: #e57373;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(125, 90, 80, 0.1);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #f3dace;
}

.smMenu-wrapper.sm-menu-theme-royal {
    --sm-menu-bg-color: #f9f8fc;
    --sm-menu-text-color: #4a4a68;
    --sm-menu-hover-bg-color: #f2eff7;
    --sm-menu-hover-text-color: #3b3b52;
    --sm-menu-accent-color: #daa520;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(74, 74, 104, 0.1);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #e3e0f3;
}

.smMenu-wrapper.sm-menu-theme-graphite {
    --sm-menu-bg-color: #f7f7f7;
    --sm-menu-text-color: #444444;
    --sm-menu-hover-bg-color: #e9e9e9;
    --sm-menu-hover-text-color: #222222;
    --sm-menu-accent-color: #6c757d;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.1);
    --sm-menu-submenu-text-color: var(--sm-menu-text-color);
    --sm-menu-submenu-hover-bg-color: var(--sm-menu-hover-bg-color);
    --sm-menu-submenu-hover-text-color: var(--sm-menu-hover-text-color);
    --sm-menu-active-bg-color: var(--sm-menu-accent-color);
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #dcdcdc;
}

.smMenu-wrapper.sm-menu-theme-mint {
    --sm-menu-bg-color: #ffffff;
    --sm-menu-text-color: #34495e;
    --sm-menu-hover-bg-color: #f1f1f1;
    --sm-menu-hover-text-color: #16a085;
    --sm-menu-accent-color: #1abc9c;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.07);
    --sm-menu-submenu-text-color: #34495e;
    --sm-menu-submenu-hover-bg-color: #1abc9c;
    --sm-menu-submenu-hover-text-color: #ffffff;
    --sm-menu-active-bg-color: #16a085;
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #e1e1e1;
}

.smMenu-wrapper.sm-menu-theme-ember {
    --sm-menu-bg-color: #212121;
    --sm-menu-text-color: #f5f5f5;
    --sm-menu-hover-bg-color: #e67e22;
    --sm-menu-hover-text-color: #ffffff;
    --sm-menu-accent-color: #f1c40f;
    --sm-menu-submenu-bg-color: #424242;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.2);
    --sm-menu-submenu-text-color: #f5f5f5;
    --sm-menu-submenu-hover-bg-color: #e67e22;
    --sm-menu-submenu-hover-text-color: #ffffff;
    --sm-menu-active-bg-color: #d35400;
    --sm-menu-active-text-color: #ffffff;
    --sm-menu-border-color: #616161;
}