:root{
         /* Main-color */
      --primary-theme-color: #b6f000;
--secondary-theme-color: #104042;
    /* Main-color */
}
[data-theme-type='light'] {
    /* BG-COLORS */
    --bg-primary-theme-light-color: color-mix(in srgb, var(--primary-theme-color)20%,rgba(255, 255, 255, 0.5));
    --bg-secondary-theme-light-color: color-mix(in srgb, var(--secondary-theme-color) 7%,white);
    --bg-white-color: #fff;
    --bg-black-color: #000;
    --bg-light-gray-color: #f7f7f7;
    --bg-light-gray-color-00: #f9f9f9;
    --bg-light-gray-color-01: #f5f5f5;
    --bg-light-gray-color-03: #fafafa;
    /* BG-COLORS */
    /* text-colors */
    --text-white: #fff;
    --text-black: #000;
    --text-light-color: #757575;
    --text-light-color-01: #828282;
    --text-dark-color: #222329;
    --text-dark-color-01: #2b2b2b;
    --text-dark-color-02: #353535;
    /* text-colors */
    /* BORDER-COLORS */
    --border-light-color: #f0f0f0;
    --border-light-color-01: #dde3ed;
    --border-light-color-02: #e7e7e7;
    --tree-border-color: #0075ff75;
    /* BORDER-COLORS */
    /* FIXED-COLORS */
    --bs-primary-bg-subtle: var(--bg-primary-theme-light-color);
    --bs-secondary-bg-subtle: var(--bg-secondary-theme-light-color);
    --bs-success-bg-subtle: #d6f3e0;
    --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
    --bs-warning-bg-subtle: #FFF9E5;
    --bs-danger-bg-subtle: #ffe4e4;
    --bs-light-bg-subtle: #f6f7f9;
    --bs-dark-bg-subtle: #29343d;
    --danger-bg-color: #ffd8d8;
    --danger-text-color: #ff0808;
    --danger-border-color: #ff6a6a;
    --pending-bg-color: #fbf7dc;
    --pending-text-color: #a38b00;
    --pending-border-color: #a38b00;
    --success-bg-color: #d4f7d4;
    --success-text-color: #00a300;
    --success-border-color: #00a300;
    --success-dark-bg-color: #005f002e;
    --success-dark-border-color: #00bf004d;
    --btn-cancel-bg: #d30000;
    --open-bg-color: #128cd3;
    --open-text-color: #0a77b6;
    --open-border-color: #0a77b6;
    --first-rank-text-color: #ffa700;
    --second-rank-text-color: #717171;
    --third-rank-text-color: #db691f;
    --contest-status-upcoming: #e7a52c;
    --contest-status-live: #e72c2c;
    --contest-status-completed: #00a30b;
    --lime-green-color: #00cd00;
    --purple-color: #7c2ef9;
    --orange-color: #e59500;
    --pink-color: #f33b95;
    --green-color: #00c593;
    --blue-color: #0285ff;
    --yellow-color: #ffbf00;
    --first-rank-dark-text-color: #be890c;
    --second-rank-dark-text-color: #4d5152;
    --third-rank-dark-text-color: #b35d2a;
    /* FIXED-COLORS */
}
[data-theme-type] {
    
    transition: all 0.2s linear;
  }
[data-theme-type='dark'] {
    /* BG-COLORS */
    --bg-primary-theme-light-color: color-mix(in srgb, var(--primary-theme-color)20%,#000);
    --bg-secondary-theme-light-color: color-mix(in srgb, var(--secondary-theme-color) 70%, #000);
    --bg-white-color: color-mix(in srgb, var(--secondary-theme-color) 20%,#000);
    --bg-black-color: #000;
    --bg-light-gray-color: color-mix(in srgb, var(--secondary-theme-color) 40%,#000);
    ;
    --bg-light-gray-color-00: color-mix(in srgb, var(--secondary-theme-color) 40%,#000);
    --bg-light-gray-color-01: color-mix(in srgb, var(--secondary-theme-color) 40%,#000);
    --bg-light-gray-color-03: color-mix(in srgb, var(--secondary-theme-color) 40%,#000);
    /* BG-COLORS */
    /* text-colors */
    --text-white: #fff;
    --text-black: #f0f0f0;
    --text-light-color: #e6e6e6;
    --text-light-color-01: #828282;
    --text-dark-color: #dddddd;
    --text-dark-color-01: #e9e9e9;
    --text-dark-color-02: #c9c9c9;
    /* text-colors */
    /* BORDER-COLORS */
    --border-light-color: #ffffff36;
    --border-light-color-01: #ffffff36;
    --border-light-color-02: #e7e7e7;
    --tree-border-color: #0075ff75;
    /* BORDER-COLORS */
    /* FIXED-COLORS */
    --bs-primary-bg-subtle: var(--bg-primary-theme-light-color);
    --bs-secondary-bg-subtle: var(--bg-secondary-theme-light-color);
    --bs-success-bg-subtle: #0f2e19;
    --bs-info-bg-subtle: rgba(70, 202, 235, 0.2);
    --bs-warning-bg-subtle: #FFF9E5;
    --bs-danger-bg-subtle: #912a2a59;
    --bs-light-bg-subtle: #f6f7f9;
    --bs-dark-bg-subtle: #29343d;
    --danger-bg-color: #73000042;
    --danger-text-color: #ff4343;
    --danger-border-color: #cd000057;
    --pending-bg-color: #65580040;
    --pending-text-color: #d1b304;
    --pending-border-color: #a38b00a8;
    --success-bg-color: #004d0063;
    --success-dark-bg-color: #005f002e;
    --success-dark-border-color: #00bf004d;
    --success-text-color: #01df01;
    --success-border-color: #006900;
    --btn-cancel-bg: #d30000;
    --open-bg-color: #4cd7ff;
    --open-text-color: #0a77b6;
    --open-border-color: #0a77b6;
    --first-rank-text-color: #ffa700;
    --second-rank-text-color: #c5c5c5;
    --third-rank-text-color: #db691f;
    --contest-status-upcoming: #e7a52c;
    --contest-status-live: #e72c2c;
    --contest-status-completed: #00a30b;
    --lime-green-color: #00cd00;
    --purple-color: #7c2ef9;
    --orange-color: #e59500;
    --pink-color: #f33b95;
    --green-color: #00c593;
    --blue-color: #0285ff;
    --yellow-color: #ffbf00;
    --first-rank-dark-text-color: #be890c;
    --second-rank-dark-text-color: #4d5152;
    --third-rank-dark-text-color: #b35d2a;
    /* FIXED-COLORS */
}