/* Combo deck app theme, background, and section dividers. */

.combo-deck-app {
  color-scheme: dark;
  --bg: #101218;
  --panel: #171b24;
  --panel-2: #202636;
  --line: #384157;
  --text: #f6f0dc;
  --muted: #b6ad96;
  --gold: #d8a73b;
  --gold-2: #ffe59a;
  --blue: #62d7ff;
  --red: #ff5e57;
  --disabled: #5c6170;
}

.combo-deck-app,
.combo-deck-app * {
  box-sizing: border-box;
}

.combo-deck-app {
  position: relative;
  min-height: 100vh;
  color: var(--text);
  font-family: var(--font-main);
}

.combo-deck-app::before,
.combo-deck-app::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  height: 100px;
  background-image: url("../../images/t1HeaderDivider.webp");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.combo-deck-app::before {
  top: 0;
  background-position: center top;
}

.combo-deck-app::after {
  bottom: -70px;
  background-position: center bottom;
  transform: scaleY(-1);
}