:root {
    --white: #fff;
    --black: #000;
    --gray: #f8f8f8;
    /* =========================
     SYSTEM COLORS
  ========================= */

    --color-primary: #0c0702;
    --color-secondary: #000000;
    --color-text: #0c0702;
    --color-accent: #ef7d00;

    /* =========================
     BASIC COLORS
  ========================= */

    --color-white: #ffffff;
    --color-black: #000000;
    --color-white-opacity: #ffffff99;
    --color-border: #dddddd;
    --color-canvas-bg: #f5f0f0;
    --color-gray-bg: #f9f9f9;

    /* =========================
     BRAND / CATEGORY COLORS
  ========================= */

    --color-dmc: #ef7d00;
    --color-corporate: #51ade2;
    --color-incentives: #c99d66;
    --color-sports: #e30513;
    --color-meetings: #95c11e;

    /* =========================
     DARK VARIANTS
  ========================= */

    --color-dmc-dark: #eb5d0b;
    --color-corporate-dark: #1d71b8;
    --color-sports-dark: #ae0f0a;
    --color-meetings-dark: #47962b;
    --color-incentives-dark: #936037;

    /* =========================
     LIGHT / TINT VARIANTS
  ========================= */

    --color-dmc-40: #fad6af;
    --color-dmc-15: #fef4ea;

    --color-corporate-15: #e5f3fb;
    --color-corporate-40: #b9def3;

    --color-sports-10: #fce6e7;
    --color-sports-30: #f7b4b8;

    --color-incentives-15: #f7f0e8;
    --color-incentives-40: #e9d8c2;

    --color-meetings-15: #f2f8e8;
    --color-meetings-40: #d5e8a5;
}

.theme-dmc {
    --theme: var(--color-dmc);
    --theme-dark: var(--color-dmc-dark);
    --theme-light: var(--color-dmc-15);
    --theme-bitdark: var(--color-dmc-40);
}

.theme-corporate {
    --theme: var(--color-corporate);
    --theme-dark: var(--color-corporate-dark);
    --theme-light: var(--color-corporate-15);
    --theme-bitdark: var(--color-corporate-40);
}

.theme-sports {
    --theme: var(--color-sports);
    --theme-dark: var(--color-sports-dark);
    --theme-light: var(--color-sports-10);
    --theme-bitdark: var(--color-sports-30);
}

.theme-meetings-events {
    --theme: var(--color-meetings);
    --theme-dark: var(--color-meetings-dark);
    --theme-light: var(--color-meetings-15);
    --theme-bitdark: var(--color-meetings-40);
}

.theme-incentives {
    --theme: var(--color-incentives);
    --theme-dark: var(--color-incentives-dark);
    --theme-light: var(--color-incentives-15);
    --theme-bitdark: var(--color-incentives-40);
}

/* Apply Color to elements */
.has-theme .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.has-theme .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.has-theme .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.has-theme .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus {
    color: var(--theme) !important;
}

.has-theme .elementor-button {
    background-color: var(--theme) !important;
}

.has-theme .location-hero-bg,
.has-theme .location-card {
    background-color: var(--theme-light) !important;
}

.has-theme .location-content-bg {
    background-color: var(--theme-bitdark) !important;
}

.has-theme .btn-opacity .elementor-button {
    background-color: var(--theme) !important;
    background-color: color-mix(in srgb, var(--theme) 50%, transparent) !important;
}