@import "tailwindcss";

:root {
  --background: #0A1F44;
  --highlight: #62b6cba6;
  --text-dark: #000000;
  --text-light: #f9fafb;
  --box: #DED6D6;
  --button: #92140C;
}

@theme inline {
  --color-background: var(--background);
  --color-highlight: var(--highlight);
  --color-text-dark: var(--text-dark);
  --color-text-light: var(--text-light);
  --color-box: var(--box);
  --color-button: var(--button);
  --color-button-dark: var(--button-dark)

  --font-sans: var(--font-geist-sans); 
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  font-family: Arial, Helvetica, sans-serif;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}