/*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;

  --gh-ucl-achievements: url("/theme/images/achievements.png");
  --gh-profileLogin-image: url("/theme/images/profileLogin.png");
  --gh-body-theme: dark;
}
/*color palete light*/
:root [ec-theme="light"] {
  --gh-primary-04: #010141;
  --gh-tertiary-01: #5af7dc;
  --gh-interaction: #0d3aff;
  --gh-interaction-hover: #738dff;
  --gh-interaction-pressed: #21214a;
  --gh-interaction-compl: #ffffff;
  --gh-text-01: #30316e;
  --gh-text-01-hover: #5153b3;
  --gh-text-01-pressed: #30316e;
  --gh-text-02: #606190;
  --gh-text-03: #9192b3;
  --gh-text-04: #ffffff;
  --gh-text-05: #2c2c2c;
  --gh-ui-00: #ffffff;
  --gh-ui-01: #ffffff;
  --gh-ui-02: #d9dbe7;
  --gh-ui-03: #c1c2d5;
  --gh-ui-04: #a3a4b7;
  --gh-ui-05: #252663;
  --gh-ui-06: #0a0a2f;
  --gh-data-01: #22e3c2;
  --gh-background: #f1f3f8;
  --gh-elevation-01: #ffffff;
  --gh-elevation-02: #ffffff;
  --gh-elevation-03: #ffffff;
  --gh-support-01: #32a72c;
  --gh-support-02: #0085e6;
  --gh-support-03: #df6817;
  --gh-support-04: #cb333b;
  --gh-support-05: #ffcd44;
}
/*color palete dark*/
:root,
:root [ec-theme="dark"] {
  --gh-primary-04: #010141;
  --gh-tertiary-01: #00eeff;
  --gh-interaction: #00eeff;
  --gh-interaction-hover: #66f5ff;
  --gh-interaction-pressed: #00becc;
  --gh-interaction-compl: #010132;
  --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.5);
  --gh-text-04: #ffffff;
  --gh-text-05: #000041;
  --gh-ui-00: #ffffff0c;
  --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: #00eeff;
  --gh-background: #000040;
  --gh-elevation-01: #0a0a61;
  --gh-elevation-02: #151573;
  --gh-elevation-03: #17177a;
  --gh-support-01: #32a72c;
  --gh-support-02: #0085e5;
  --gh-support-03: #df6817;
  --gh-support-04: #eb3f53;
  --gh-support-05: #ffcd44;
}
/* custom */
:root {
  --gh-secondary-03: #0000cd;
  --gh-main-bg: #010056;
  --gh-main-ball: url("/theme/images/ball.png");
  --gh-card-back-bg: rgba(23, 23, 122, 0.9);
  --gh-profile-header: unset;
  --gh-profile-edit-bg: url("/theme/images/edit_bg.png");
  --gh-share-before-bg: url("/theme/images/Starball.png");
  --gh-modal-bg: url("/theme/images/BG.png") #031198 no-repeat;
  --gh-badge-bg: url("/theme/images/badgeBg.png") #031198 no-repeat;
  --gh-login-register: "";
  --gh-game-slider: linear-gradient(180deg, #17177a 0%, #151573 100%);
  --gh-fancy-border: linear-gradient(
    270deg,
    #ff6d4f 0%,
    #00eeff 50%,
    #0232ff 100%
  );
  --gh-login-register-bg: linear-gradient(180deg, #00057b 0%, #0929c9 100%);
  --gh-login-register-image: url("/theme/images/loginRegisterImage.png");
  --gh-header-bg: linear-gradient(90deg, #0230f8 0%, #010255 100%);
  --gh-collect-shield-bg: #17177a;
}