@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  --c1: #3d3a77;
  --c2: #1e1d3e;
  --c3: #a43e4f;
  --c4: #2b616d;
  background: radial-gradient(circle at 10% 20%, var(--c1) 0%, transparent 25%),
              radial-gradient(circle at 85% 70%, var(--c3) 0%, transparent 25%),
              radial-gradient(circle at 25% 85%, var(--c4) 0%, transparent 30%),
              #1e1d3e;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>');
  opacity: 0.05;
  z-index: -1;
  pointer-events: none;
}