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

:root {
  --accent: #d4af37;
  --bg: #0a0a0a;
  --bg-elev: #141414;
  --border: #262626;
}

body {
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(212, 175, 55, 0.08), transparent 60%),
    var(--bg);
  min-height: 100vh;
}

.font-display {
  font-family: 'Fraunces', serif;
}

.grain::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 100;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}