$glass-tran: 0.7;

:root {
  --foreground: #16171d;
  --background: white;
  --background-glass: rgba(255, 255, 255, 0.7);
  --backdropBr: 0.96;
  --borderColor: rgb(97, 97, 97);
  --codeBack: white;

  &.dark {
    --foreground: white;
    --background: rgb(22, 23, 29);
    --background-glass: rgba(22, 23, 29, 0.7);
    --backdropBr: 1.2;
    --borderColor: rgb(255, 255, 255, 0.5);
    --codeBack: #212528;
  }

  --headerHeight: 45px;
  --searchWidth: 320px;
  background-color: var(--background);
  color: var(--foreground);
}

html,
body {
  text-align: center;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  overscroll-behavior: none;
}

a {
  color: var(--themeColor);
  text-decoration: none;
}