@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

@import "tailwindcss";

@plugin "@anuragroy/tailwindcss-animate";

@import "@luminescent/ui";
@import "@luminescent/ui/formatting";

@config "@luminescent/ui-qwik/config";
@source "../node_modules/@luminescent/ui-qwik";

@theme {
  --lum-default-alpha: 70;
  --lum-border-radius: 0.625rem;
  --color-green: var(--color-green-900);
  --color-red: var(--color-red-900);
  --color-orange: var(--color-orange-900);
  --color-yellow: var(--color-yellow-900);
  --color-blue: var(--color-blue-900);
  --color-violet: var(--color-violet-900);
  --color-pink: var(--color-pink-900);
  --color-purple: var(--color-purple-900);
  --color-cyan: var(--color-cyan-900);
  --color-lime: var(--color-lime-900);
  --color-teal: var(--color-teal-900);
  --color-lum-border: #dfdfdfaa;
  --color-nav-bg: --alpha(var(--color-sky-950) / 70%);
  --color-bg: var(--color-gray-900);
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: var(--color-blue-200);
    --color-nav-bg: --alpha(var(--color-blue-300) / 95%);
    --color-green: var(--color-green-500);
    --color-red: var(--color-red-500);
    --color-orange: var(--color-orange-500);
    --color-yellow: var(--color-yellow-500);
    --color-blue: var(--color-blue-500);
    --color-violet: var(--color-violet-500);
    --color-pink: var(--color-pink-500);
    --color-purple: var(--color-purple-500);
    --color-cyan: var(--color-cyan-500);
    --color-lime: var(--color-lime-500);
    --color-teal: var(--color-teal-500);
    --color-lum-border: var(--color-gray-600);
    --color-lum-card-bg: var(--color-blue-200);
    --color-lum-input-bg: var(--color-blue-300);
    --color-lum-input-hover-bg: var(--color-blue-300);
    --color-lum-accent: var(--color-blue-500);
    --color-lum-text: var(--color-gray-900);
    --color-lum-text-secondary: var(--color-gray-600);
    --lum-default-alpha: 70;
    --lum-border-radius: 0.625rem;
  }
}

a.lum-btn, a.lum-card {
  color: var(--color-text) !important;
  text-decoration: none;
}

/* Pulled straight from minecraft.net */
@font-face {
  font-family: MinecraftOfficial;
  src: url(/fonts/MinecraftOfficial.ttf);
  font-display: swap;
}

/* https://font.download/font/minecraft-3 */
@font-face {
  font-family: MinecraftRegular;
  src: url(/fonts/MinecraftRegular.woff);
  font-display: swap;
}

@font-face {
  font-family: MinecraftBold;
  src: url(/fonts/MinecraftBold.woff);
  font-display: swap;
}

@font-face {
  font-family: MinecraftItalic;
  src: url(/fonts/MinecraftItalic.woff);
  font-display: swap;
}

@font-face {
  font-family: MinecraftBoldItalic;
  src: url(/fonts/MinecraftBoldItalic.woff);
  font-display: swap;
}

/* https://online-fonts.com/fonts/minecraft-rus */
@font-face {
  font-family: MinecraftRus;
  src: url(/fonts/MinecraftRus.ttf);
  font-display: swap;
}

/* https://github.com/IdreesInc/Monocraft */
@font-face {
  font-family: MinecraftRegularAlt;
  src: url(/fonts/MinecraftRegularAlt.ttf);
  font-display: swap;
}

@font-face {
  font-family: MinecraftBoldAlt;
  src: url(/fonts/MinecraftBoldAlt.ttf);
  font-display: swap;
}

@font-face {
  font-family: MinecraftItalicAlt;
  src: url(/fonts/MinecraftItalicAlt.ttf);
  font-display: swap;
}

@font-face {
  font-family: MinecraftBoldItalicAlt;
  src: url(/fonts/MinecraftBoldItalicAlt.ttf);
  font-display: swap;
}

@font-face {
  font-family: AndyBold;
  src: url(/fonts/AndyBold.ttf);
  font-display: swap;
}

html {
  font-family: Figtree, sans-serif;
  background-color: var(--color-bg);
}

.font-mc {
  font-family: MinecraftRegular, MinecraftOfficial, MinecraftRegularAlt, MinecraftRus;
}

.font-mc-bold {
  font-family: MinecraftBold, MinecraftBoldAlt, MinecraftRus;
}

.font-mc-italic {
  font-family: MinecraftItalic, MinecraftItalicAlt, MinecraftRus;
}

.font-mc-bold-italic {
  font-family: MinecraftBoldItalic, MinecraftBoldItalicAlt, MinecraftRus;
}

.font-terraria {
  font-family: AndyBold;
}

.strikethrough {
  text-decoration-line: line-through;
}

.underline-strikethrough {
  text-decoration-line: underline line-through;
}

* {
  scroll-behavior: smooth;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

*::-webkit-scrollbar {
  appearance: none;
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #ffffff20;
  border: 1px solid #ffffff20;
  border-radius: 3px;
}

*::-webkit-scrollbar-corner {
  background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: max(0.7em, 18px);
  margin-bottom: max(0.7em, 18px);
}