@import "tailwindcss";

:root {
  --background: #f0e6d2;
  --foreground: #2c1810;
  --paper: #f9f4e6;
  --accent: #1a1a1a;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-paper: var(--paper);
  --color-accent: var(--accent);
  --font-sans: var(--font-lora), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: var(--font-geist-mono);
  --font-display: var(--font-playfair), ui-serif, Georgia, serif;
  --font-script: var(--font-dancing), cursive;
}


html, body {
  height: 100%;
  min-height: 100dvh;
  overflow-x: hidden;
  overscroll-behavior-y: none;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
}

/* Fix Leaflet map z-index */
.leaflet-container {
  z-index: 10 !important;
}

.leaflet-pane,
.leaflet-control {
  z-index: 10 !important;
}