:root {
  --background: 38 52% 96%;
  --foreground: 18 34% 15%;
  --primary: 14 78% 48%;
  --secondary: 168 60% 29%;
  --muted: 35 35% 89%;
  --muted-foreground: 22 18% 42%;
  --destructive: 358 69% 48%;
  --border: 30 26% 82%;
  --card: 42 57% 98%;
  --shadow-sm: 0 8px 24px hsl(18 34% 15% / 0.08);
  --shadow-md: 0 16px 38px hsl(18 34% 15% / 0.12);
  --shadow-lg: 0 24px 70px hsl(18 34% 15% / 0.18);
  --transition-fast: 160ms ease;
  --transition-smooth: 280ms cubic-bezier(.2,.8,.2,1);
  --radius-sm: 0.75rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.5rem;
}

.dark {
  --background: 18 30% 9%;
  --foreground: 38 50% 94%;
  --primary: 18 86% 58%;
  --secondary: 170 54% 45%;
  --muted: 18 23% 17%;
  --muted-foreground: 35 18% 72%;
  --destructive: 2 78% 64%;
  --border: 18 20% 24%;
  --card: 18 28% 12%;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: hsl(var(--background));
  color: hsl(var(--foreground));
}
button, a, select, input { -webkit-tap-highlight-color: transparent; }
input, select, textarea { font-size: max(16px, 1rem); }

.hero-pattern {
  background:
    radial-gradient(circle at 20% 15%, hsl(var(--primary) / 0.25), transparent 26rem),
    radial-gradient(circle at 85% 20%, hsl(var(--secondary) / 0.22), transparent 22rem),
    linear-gradient(135deg, hsl(var(--card)), hsl(var(--muted)));
}

.place-art {
  position: relative;
  min-height: 170px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.place-art::before,
.place-art::after {
  content: '';
  position: absolute;
  border-radius: 999px;
  filter: blur(2px);
  opacity: .55;
}
.place-art::before { width: 180px; height: 180px; left: -50px; top: -55px; background: white; }
.place-art::after { width: 150px; height: 150px; right: -45px; bottom: -50px; background: black; opacity: .12; }
.place-art span { position: relative; z-index: 1; }

.place-art.warm { background: linear-gradient(135deg, #d94f28, #f0a442); }
.place-art.green { background: linear-gradient(135deg, #1f7a5a, #a9c45d); }
.place-art.gold { background: linear-gradient(135deg, #8a4b22, #f2c45a); }
.place-art.stone { background: linear-gradient(135deg, #69665e, #c8b99a); }
.place-art.blue { background: linear-gradient(135deg, #1e7894, #9dd8cf); }
.place-art.cactus { background: linear-gradient(135deg, #296b4d, #d7c477); }
.place-art.textile { background: linear-gradient(135deg, #8e2456, #ef8b39); }
.place-art.coral { background: linear-gradient(135deg, #c84c42, #f3b27a); }
.place-art.earth { background: linear-gradient(135deg, #5a3825, #c9823f); }
.place-art.rose { background: linear-gradient(135deg, #9b3d50, #d8a077); }

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}