:root {
  --md-sys-color-primary: olive;
  --md-sys-color-secondary: tomato;
  --md-ref-typeface-brand: "MiSans Regular";
  --md-ref-typeface-plain: "MiSans Regular";
  font-family: "MiSans Regular";
}
md-icon {
  --md-icon-font: "Material Symbols Rounded";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 400;
  src: url(/material-icons-rounded.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: "MiSans Regular";
  font-style: normal;
  font-weight: 400;
  src: url(/moscowsansregular.woff2) format("woff2");
}

body {
  margin: 0;
  background: var(--md-sys-color-background);
  --md-sys-color-surface-container-high: var(--md-sys-color-surface-variant);
  --md-sys-color-surface-container-highest: var(--md-sys-color-surface-variant);
  --md-sys-color-surface-container: var(--md-sys-color-surface-variant);
}
span,
p,
td,
h1,
h2,
h3,
b,
v,
cite,
/* md-icon, */
input {
  color: var(--md-sys-color-on-background);
}
#root {
  min-height: 100vh;
}

@font-face {
  font-family: "Material Symbols Rounded Filled";
  font-style: normal;
  font-weight: 400;
  src: url(/material-icons-filled.woff) format("woff");
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155);
  border-radius: 20px;
  border: transparent;
}

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);