:root,
:root [ec-theme="light"] {
  --ec-interaction: #1e73d1;
  --ec-interaction-hover: #4b8fda;
  --ec-interaction-pressed: #1b68bc;
  --ec-interaction-compl: #ffffff;
  --ec-text-01: #111827;
  --ec-text-01-hover: rgba(17, 24, 39, 0.85);
  --ec-text-01-pressed: rgba(17, 24, 39, 0.65);
  --ec-text-02: rgba(17, 24, 39, 0.7);
  --ec-text-03: rgba(17, 24, 39, 0.5);
  --ec-text-04: #ffffff;
  --ec-text-05: #0d0c0c;
  --ec-ui-00: rgba(0, 0, 0, 0.02);
  --ec-ui-01: rgba(0, 0, 0, 0.05);
  --ec-ui-02: rgba(0, 0, 0, 0.1);
  --ec-ui-03: rgba(0, 0, 0, 0.18);
  --ec-ui-04: rgba(0, 0, 0, 0.3);
  --ec-ui-06: #000000;
  --ec-background: #f8fafc;
  --ec-elevation-01: #ffffff;
  --ec-elevation-02: #f1f5f9;
  --ec-elevation-03: #e2e8f0;
  --ec-support-01: #19b95e;
  --ec-support-02: #1e73d1;
  --ec-support-03: #e87223;
  --ec-support-04: #cb333b;
  --ec-support-05: #ffcb00;
}
/*color palete dark*/
:root [ec-theme="dark"] {
  --ec-interaction: #ffcb00;
  --ec-interaction-hover: #ffe066;
  --ec-interaction-pressed: #cca200;
  --ec-interaction-compl: #222526;
  --ec-text-01: #ffffff;
  --ec-text-01-hover: rgba(255, 255, 255, 0.9);
  --ec-text-01-pressed: rgba(255, 255, 255, 0.7);
  --ec-text-02: rgba(255, 255, 255, 0.7);
  --ec-text-03: rgba(255, 255, 255, 0.5);
  --ec-text-04: #ffffff;
  --ec-text-05: #0d0c0c;
  --ec-ui-00: rgba(255, 255, 255, 0.05);
  --ec-ui-01: rgba(255, 255, 255, 0.1);
  --ec-ui-02: rgba(255, 255, 255, 0.25);
  --ec-ui-03: rgba(255, 255, 255, 0.35);
  --ec-ui-04: rgba(255, 255, 255, 0.55);
  --ec-ui-06: #ffffff;
  --ec-background: #030033;
  --ec-elevation-01: #201d4a;
  --ec-elevation-02: #494678;
  --ec-elevation-03: #625f93;
  --ec-support-01: #19b95e;
  --ec-support-02: #1e73d1;
  --ec-support-03: #e87223;
  --ec-support-04: #cb333b;
  --ec-support-05: #ffcb00;
}

/* share Templates */
/*custom stuff*/
:root {
  /* Dream Team header: red on the hub only; dt/styles.css defaults it to dark */
  --headerBackgroundColor: #eb1701;
  --headerDesktopMenuBorder: 1px solid #ff7f80;
  --ec-border-radius-button: 8px;
  --ec-button-height: 48px;
  --ec-custom-leagues-middlePart: #192b59;
  --ec-custom-become-player-bg: #2d4a9d;
  --ec-leagues-title: #2d4a9d;
  --ec-input-border: transparent;
  --ec-input-disabled-border: transparent;
  --ec-points-color: #fff;
  --ec-popular-border: transparent;
  --ec-input-background: #192b59;
  --ec-highlight-01: #201d4a;
  --ec-highlight-02: #192b59;
  --ec-card-not-active-secondary-background: none; /*used if secondary is the same color as card (only ucl)*/
  --ec-booster-active-border: #bd6cef;
  --ec-heading-bg: #00439c;

  --ec-highlightedRow: rgba(0, 0, 0, 0.1);
  --ec-new-game-card: linear-gradient(90deg, #0324d1 0%, #020568 82.05%);
  --ec-no-leagues-bg: #201d4a;
  --ec-predictions-arrow: url("https://www.dreamteamfc.com/assets/eplpredictor/images/Vector.svg");
  --ec-card-top-bg: linear-gradient(180deg, #201d4a 0%, #2d4a9d 100%);

  --ec-background-color: linear-gradient(180deg, #ff4c4d 0%, #db2b31 100%);
  --ec-background-image: url("https://www.dreamteamfc.com/assets/eplgamingHub/images/messageCardBg.svg");
  --ec-logo: url("https://www.dreamteamfc.com/assets/dt/images/logo.png");
  --ec-profileLogin-image: url("https://www.dreamteamfc.com/assets/eplgamingHub/images/profileLogin2x.png");
  --ec-body-theme: dark;
  --ec-highlight: rgb(255, 76, 77);
  --ec-secondary-03: #eae9fd;
  --ec-news-bg: #211f3a;
  --ec-main-bg: #2f2d50;
  /* --ec-main-ball: url("/theme/images/dt/ball.png"); */
  --ec-card-back-bg: rgba(47, 45, 80, 0.9);
  --ec-profile-header: unset;
  --ec-profile-edit-bg: #201d4a;
  --ec-modal-bg: #494678;
  /* --ec-modal-bg: url("/theme/images/dt/BG.png") #031198 no-repeat; */
  /* --ec-badge-bg: url("/theme/images/dt/badgeBg.png") #031198 no-repeat; */
  --ec-game-slider: #2f2d50;
  --ec-fancy-border: #eb1701;
  --ec-login-register-bg: var(--ec-news-bg);
  --ec-login-register-image-bg: url("https://www.dreamteamfc.com/assets/eplgamingHub/images/loginRegisterImage.svg");
  --ec-header-bg: var(--ec-news-bg);
  --ec-collect-shield-bg: #17177a;
  --ec-carousel-bg: linear-gradient(
    180deg,
    rgba(33, 31, 58, 0) 0%,
    rgba(33, 31, 58, 0.15) 20%,
    rgba(33, 31, 58, 0.45) 45%,
    rgba(33, 31, 58, 0.75) 70%,
    #211f3a 100%
  );
}