/* Mr Smith's Luxury Pet Care (mypets.cc) — Custom Stylesheet */

:root {
  --evergreen-950: #09150f;
  --evergreen-900: #0f231a;
  --evergreen-800: #163024;
  --evergreen-700: #1f4232;
  --brass-300: #e5c78f;
  --brass-400: #d4af37;
  --brass-500: #c59b27;
  --brass-600: #a37e1b;
  --alabaster: #FAF7F2;
  --sandstone: #F0EAE1;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--alabaster);
  color: var(--evergreen-800);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

h1, h2, h3, .font-serif {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.gold-gradient-text {
  background: linear-gradient(135deg, #d4af37 0%, #f3d88c 50%, #b58d22 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-pattern {
  background-image: radial-gradient(rgba(212, 175, 55, 0.14) 1px, transparent 1px);
  background-size: 24px 24px;
}

.glass-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.22);
}

.service-card {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 45px -12px rgba(15, 35, 26, 0.18);
}

details > summary::-webkit-details-marker {
  display: none;
}