@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap");

/* Persistent brand overrides kept separate from generated tailwind.css */
:root {
  --color-brand-50: #fbf6eb;
  --color-brand-100: #f4ead8;
  --color-brand-200: #e7d3ae;
  --color-brand-300: #d7b984;
  --color-brand-400: #c69d5d;
  --color-brand-500: #b07f40;
  --color-brand-600: #966936;
  --color-brand-700: #7e562d;
  --color-brand-800: #664625;
  --color-brand-900: #4f361d;
  --color-brand-950: #352314;

  --color-highlight-50: #fbf6eb;
  --color-highlight-100: #f5ecd7;
  --color-highlight-200: #ebdbb5;
  --color-highlight-300: #ddc48e;
  --color-highlight-400: #cfae68;
  --color-highlight-500: #b88f4f;
  --color-highlight-600: #a97e3f;
  --color-highlight-700: #8e6a3c;
  --color-highlight-800: #775730;
  --color-highlight-900: #664a24;
  --color-highlight-950: #3f2e15;

  /* Override emerald classes used across HTML so they no longer render green */
  --color-emerald-50: #fcf7ed;
  --color-emerald-100: #f3e8d5;
  --color-emerald-200: #e5d1ab;
  --color-emerald-300: #d3b580;
  --color-emerald-400: #bf9860;
  --color-emerald-500: #a97e48;
  --color-emerald-600: #8f693b;
  --color-emerald-700: #795631;
  --color-emerald-800: #644629;
  --color-emerald-900: #503822;
  --color-emerald-950: #342316;

  --font-sans: Lato, sans-serif;
  --font-serif: Cormorant Garamond, serif;
}

.signature-icon-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.signature-icon-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-brand-800);
  text-decoration: none;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.62rem;
  font-weight: 700;
}

.signature-icon-link:hover {
  color: var(--color-highlight-700);
}

.signature-icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  border: 1px solid #b98d49;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #775730;
  background: #fcf9f2;
  flex: 0 0 auto;
}

.signature-icon svg {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  opacity: 1 !important;
  filter: none !important;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.signature-icon svg * {
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Force any emerald utility usage to warm brand tones */
.bg-emerald-900 {
  background-color: #503822 !important;
}

.text-emerald-900 {
  color: #664625 !important;
}

.hover\:text-emerald-800:hover {
  color: #775730 !important;
}

.hover\:bg-emerald-800:hover {
  background-color: #644629 !important;
}

.hover\:border-emerald-800:hover,
.hover\:border-emerald-700:hover,
.hover\:border-emerald-600:hover,
.hover\:border-emerald-500:hover,
.hover\:border-green-800:hover,
.hover\:border-green-700:hover,
.hover\:border-green-600:hover,
.hover\:border-green-500:hover {
  border-color: #b88f4f !important;
}

.border-emerald-800,
.border-emerald-700,
.border-emerald-600,
.border-emerald-500,
.border-green-800,
.border-green-700,
.border-green-600,
.border-green-500 {
  border-color: #a97e3f !important;
}

.from-emerald-900 {
  --tw-gradient-from: #664625 !important;
}

.to-emerald-800 {
  --tw-gradient-to: #775730 !important;
}

.to-emerald-200,
.to-emerald-50,
.to-emerald-50\/80 {
  --tw-gradient-to: #f4ead8 !important;
}

/* Reduce washed-out/faded effect in cards and overlays */
.bg-white\/90,
.bg-white\/95 {
  background-color: #ffffff !important;
}

.bg-slate-50\/60 {
  background-color: #f1e9da !important;
}

.bg-slate-50\/80 {
  background-color: #f4eee2 !important;
}

.from-amber-50\/80 {
  --tw-gradient-from: #f8efde !important;
}

.via-slate-50\/80 {
  --tw-gradient-via: #f4eee2 !important;
}

.from-slate-50\/80 {
  --tw-gradient-from: #f4eee2 !important;
}