:root {
  --accent_color: #ffa000;
  /*#0095ee*/
  --accent_color2: #ff8000;
  /*#0582CA*/
  --accent_color3: #006494;
  --accent_color4: #cbccd2;
  /*cccdd3*/
  --accent_color5:#c0c0c8;
  --background_color: #fffffa;
  --opp_background_color: black;
  /*#242530*/
}

/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto-regular';
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto-Regular"),
    url('../fonts/roboto-v30-latin-regular.woff2') format('woff2');
}

/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto-500';
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto-Medium"),
    url('../fonts/roboto-v30-latin-500.woff2') format('woff2');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto-700';
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto-Bold"),
    url('../fonts/roboto-v30-latin-700.woff2') format('woff2');
}

* {
  margin: 0;
  padding: 0;
}

html {
  background-color: var(--background_color);
}


html[data-theme=dark] {
  --background_color: #242528;
  /*262732*/
  /*242530*/
  --opp_background_color: white;
  --accent_color4: #151620;
  /*#181923*/
  --accent_color5:#121317;
  color-scheme: dark;
  background: var(--background_color);
  color: var(--opp_background_color);
}