@import url("/assets/general-029e0693.css");
@import url("/assets/form-226f806b.css");
@import url("/assets/mobile-631a38a8.css");

@font-face {
  font-display: swap;
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  src: url("/assets/material-icons-d3dce732.woff2") format(woff2);
}

:root {
  --color-background: #000;
  --color-background-hover: #202020;
  --color-border: #404040;
  --color-gray: #989898;
  --color-foreground: #f0f0f0;
  --color-foreground-hover: #c8c8c8;
  --color-subtle: var(--color-background-hover);
  --color-subtle-hover: var(--color-border);
  --color-blue: #60b0f0;
  --color-blue-hover: #1080e0;
  --color-purple: #8088f0;
  --color-red: #f06060;
  --color-red-hover: #f04040;

  --safe-bottom: env(safe-area-inset-bottom, 0);
  --safe-left: env(safe-area-inset-left, 0);
  --safe-right: env(safe-area-inset-right, 0);
  --safe-top: env(safe-area-inset-top, 0);
}

@media (prefers-color-scheme: light) {
  :root {
    --color-background: #fff;
    --color-background-hover: #f0f0f0;
    --color-border: #c0c0c0;
    --color-gray: #707070;
    --color-foreground: #000;
    --color-foreground-hover: #303030;
    --color-blue: #1070d0;
    --color-blue-hover: #0860b0;
    --color-purple: #3848e8;
    --color-red: #e01818;
    --color-red-hover: #c81818;
  }
}