@import "tailwindcss";
@import "./fonts.css";

:root {
  /* Base colors */
  --white: #ffffff;
  --black: #000000;

  /* Custom color palette */
  --color-1: #191022;
  --color-2: #2d114a;
  --color-3: #7f13ec;
  --color-4: #cfa5e0;
  --color-5: #3cf61a;
  --color-6: #4ee871;
  --color-7: #34d399;
  --color-8: #ff007f;
  --color-9: #ff31b5;
  --color-10: #ec4899;
}

@theme inline {
  --color-background: var(--color-1);
  --color-foreground: var(--color-2);
  --font-sans: var(--font-geist-sans);
  --font-mono: "Fira Code", monospace;

  --color-primary: var(--color-3);
  --color-secondary: var(--color-7);
  --color-accent: var(--color-8);
}

code,
pre {
  font-family: "Fira Code", monospace;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--color-background);
  color: var(--color-white);
  font-family: var(--font-mono);
}