/* Sanctuary Realty — dark/gold theme tokens */
:root {
  --background: #0b0b0e;
  --foreground: #eef0f2;
  --muted-foreground: #9aa0a6;
  --border: rgba(255,255,255,0.10);
  --card: #14141a;
  --ink: #0b0b0e;
  --gold: #d6b46a;
  --gold-2: #f1d28a;
  --gradient-gold: linear-gradient(135deg, #d6b46a 0%, #f1d28a 100%);
  --gradient-spotlight: radial-gradient(60% 60% at 50% 0%, rgba(214,180,106,0.18) 0%, rgba(11,11,14,0) 60%);
  --shadow-gold: 0 12px 40px -10px rgba(214,180,106,0.45);
  --shadow-deep: 0 30px 60px -20px rgba(0,0,0,0.7);
}

html, body { background: var(--background); color: var(--foreground); }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.font-display { font-family: 'Playfair Display', Georgia, serif; letter-spacing: -0.01em; }

/* Tailwind colour aliases */
.bg-ink { background-color: var(--ink); }
.bg-card { background-color: var(--card); }
.bg-gradient-gold { background-image: var(--gradient-gold); }
.bg-gold { background-color: var(--gold); }
.bg-gold\/10 { background-color: rgba(214,180,106,0.10); }
.bg-input\/60 { background-color: rgba(255,255,255,0.04); }
.bg-surface\/30 { background-color: rgba(255,255,255,0.02); }
.text-gold { color: var(--gold); }
.text-foreground { color: var(--foreground); }
.text-muted-foreground { color: var(--muted-foreground); }
.text-primary-foreground { color: #1a1408; }
.border-gold { border-color: var(--gold); }
.border-border { border-color: var(--border); }
.border-border\/60 { border-color: rgba(255,255,255,0.18); }
.border-border\/40 { border-color: rgba(255,255,255,0.10); }
.border-gold\/40 { border-color: rgba(214,180,106,0.40); }
.border-gold\/50 { border-color: rgba(214,180,106,0.50); }
.border-gold\/60 { border-color: rgba(214,180,106,0.60); }
.ring-gold\/30 { --tw-ring-color: rgba(214,180,106,0.30); }
.hover\:text-gold:hover { color: var(--gold); }
.hover\:border-gold:hover { border-color: var(--gold); }
.hover\:border-gold\/60:hover { border-color: rgba(214,180,106,0.60); }
.hover\:bg-gold\/10:hover { background-color: rgba(214,180,106,0.10); }

.text-gradient-gold {
  background: var(--gradient-gold);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.shadow-gold { box-shadow: var(--shadow-gold); }
.shadow-deep { box-shadow: var(--shadow-deep); }

.sr-glass {
  background: rgba(20,20,26,0.65);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border: 1px solid rgba(255,255,255,0.08);
}
.sr-nav-shell { background: transparent; }
.scrolled .sr-nav-shell { background: rgba(20,20,26,0.75); backdrop-filter: blur(14px); box-shadow: var(--shadow-deep); }
.glass { background: rgba(20,20,26,0.65); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,0.08); }

.bg-\[var\(--gradient-spotlight\)\] { background-image: var(--gradient-spotlight); }

/* Section reveal */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }

/* Map B&W styling */
.sr-map { filter: grayscale(1) contrast(1.15) brightness(0.78) invert(0.92) hue-rotate(180deg); }

img { max-width: 100%; height: auto; }
a { color: inherit; }