@font-face {
  font-family: "SIU88 Noto Sans";
  src: url("../fonts/NotoSans-SemiBold.woff2") format("woff2"),
       url("../fonts/NotoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SIU88 Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
       url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --siu88-primary: #3385f0;
  --siu88-primary-deep: #2a6fe6;
  --siu88-secondary: #0066ff;
  --siu88-accent: #149cfe;
  --siu88-accent-deep: #0a61d4;
  --siu88-gradient: linear-gradient(95deg, #149cfe 0.42%, #0066ff 48.89%, #0a61d4 98.81%);
  --siu88-hot: #fe4e52;
  --siu88-cyan: #00b3ff;
  --siu88-cyan-2: #25a9e2;
  --siu88-text: #06070a;
  --siu88-muted: #3a3f46;
  --siu88-heading: #3385f0;
  --siu88-surface: #ffffff;
  --siu88-page: #eff2f5;
  --siu88-hero: #091833;
  --siu88-border: rgba(11, 101, 219, 0.1);
  --siu88-dot: #d0f3fe;
  --siu88-container: 1124px;
  --siu88-radius: 12px;
  --siu88-radius-sm: 10px;
  --siu88-radius-btn: 4px;
  --siu88-gap: 24px;
  --siu88-header-top: 80px;
  --siu88-header-nav: 64px;
  --siu88-font: "SIU88 Roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  --siu88-font-display: "SIU88 Noto Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --siu88-shadow-title-sports: 0 2px 0 #3385f0;
  --siu88-shadow-title-live: 0 2px 0 #ff9839;
}

.siu88-theme,
.siu88-theme body,
body.siu88-theme {
  font-family: var(--siu88-font);
  color: var(--siu88-text);
  background: var(--siu88-page);
}

body.siu88-theme {
  background-color: var(--siu88-page);
  background-image: url("../images/bg/common-bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

body.siu88-home {
  background-image: none;
}

body.siu88-theme #wrapper,
body.siu88-theme #main,
body.siu88-theme .page-wrapper {
  background: transparent;
}