/*fonts*/
:root {
  --gh-font-regular:
    "TheSun-Regular", sans-serif;
  --gh-font-semibold:
    "TheSun-Medium", sans-serif;
  --gh-font-bold: "TheSun-Bold", sans-serif;
  --gh-font2-regular: "TheSunSlab-Regular", serif;
  --gh-font2-bold:
    "TheSunSlab-Bold", serif;
}
/*color palete light*/
:root [ec-theme="light"] {
  --gh-primary-04: #0f172a;
  --gh-tertiary-01: #a855f7;
  --gh-interaction: #1E73D1;
  --gh-interaction-hover: #4b8fda;
  --gh-interaction-pressed: #1b68bc;
  --gh-interaction-compl: #ffffff;
  --gh-text-01: #111827;
  --gh-text-01-hover: rgba(17, 24, 39, 0.85);
  --gh-text-01-pressed: rgba(17, 24, 39, 0.65);
  --gh-text-02: rgba(17, 24, 39, 0.7);
  --gh-text-03: rgba(17, 24, 39, 0.5);
  --gh-text-04: #ffffff;
  --gh-text-05: #0D0C0C;
  --gh-ui-00: rgba(0, 0, 0, 0.02);
  --gh-ui-01: rgba(0, 0, 0, 0.05);
  --gh-ui-02: rgba(0, 0, 0, 0.1);
  --gh-ui-03: rgba(0, 0, 0, 0.18);
  --gh-ui-04: rgba(0, 0, 0, 0.3);
  --gh-ui-05: rgba(0, 0, 0, 0.6);
  --gh-ui-06: #000000;
  --gh-data-01: #0ea5b7;
  --gh-background: #f8fafc;
  --gh-elevation-01: #ffffff;
  --gh-elevation-02: #f1f5f9;
  --gh-elevation-03: #e2e8f0;
  --gh-support-01: #19B95E;
  --gh-support-02: #1E73D1;
  --gh-support-03: #E87223;
  --gh-support-04: #CB333B;
  --gh-support-05: #FFCB00;
}
:root,
:root [ec-theme="dark"] {
  --gh-primary-04: #3D93F2;
  --gh-tertiary-01: #BD6CEF;
  --gh-interaction: #FFCB00;
  --gh-interaction-hover: #ffe066;
  --gh-interaction-pressed: #cca200;
  --gh-interaction-compl: #222526;
  --gh-text-01: #ffffff;
  --gh-text-01-hover: rgba(255, 255, 255, 0.9);
  --gh-text-01-pressed: rgba(255, 255, 255, 0.7);
  --gh-text-02: rgba(255, 255, 255, 0.7);
  --gh-text-03: rgba(255, 255, 255, 0.7);
  --gh-text-04: #ffffff;
  --gh-text-05: #0D0C0C;
  --gh-ui-00: rgba(255, 255, 255, 0.05);
  --gh-ui-01: rgba(255, 255, 255, 0.1);
  --gh-ui-02: rgba(255, 255, 255, 0.25);
  --gh-ui-03: rgba(255, 255, 255, 0.35);
  --gh-ui-04: rgba(255, 255, 255, 0.55);
  --gh-ui-05: rgba(255, 255, 255, 0.8);
  --gh-ui-06: #ffffff;
  --gh-data-01: #80F5FF;
  --gh-background: #030033;
  --gh-elevation-01: #201D4A;
  --gh-elevation-02: #494678;
  --gh-elevation-03: #625F93;
  --gh-support-01: #19B95E;
  --gh-support-02: #1E73D1;
  --gh-support-03: #E87223;
  --gh-support-04: #CB333B;
  --gh-support-05: #FFCB00;
}
/* custom */
:root {
  --gh-background-color: #1B77D8;
  --gh-background-image: url("/theme/images/dt/cardBackground.svg");
    --gh-profileLogin-image: url("/theme/images/dt/profileLogin2x.png");
  --gh-body-theme: dark;
  --gh-highlight: rgb(255, 76, 77);
  --gh-secondary-03: #EAE9FD;
  --gh-news-bg: #211f3a;
  --gh-main-bg: #2f2d50;
  /* --gh-main-ball: url("/theme/images/dt/ball.png"); */
  --gh-card-back-bg: rgba(47, 45, 80, 0.9);
  --gh-profile-header: unset;
  --gh-profile-edit-bg: #201D4A;
  /* --gh-modal-bg: url("/theme/images/dt/BG.png") #031198 no-repeat; */
  /* --gh-badge-bg: url("/theme/images/dt/badgeBg.png") #031198 no-repeat; */
  --gh-game-slider: #2f2d50;
  --gh-fancy-border: #eb1701;
  --gh-login-register-bg: var(--gh-elevation-01);
  --gh-login-register-image: url("/theme/images/dt/loginRegisterImage.svg");
  --gh-header-bg: var(--gh-news-bg);
  --gh-collect-shield-bg: #17177a;
}