/* Custom layout rhythms and styles (mirrors src/index.css) */
html {
  scroll-behavior: smooth;
  font-family: var(--font-sans);
  background-color: #ffffff;
  color: var(--color-brand-body);
}

/* Offset anchor jumps so sections land below the fixed header */
section[id] {
  scroll-margin-top: 88px;
}

h1,
h2,
h3,
.font-display {
  font-family: var(--font-serif);
  color: var(--color-brand-dark);
}

.clay-bg {
  background-color: #c7551f;
}
.clay-text {
  color: #c7551f;
}
.ink-text {
  color: #1a1714;
}
.espresso-bg {
  background-color: #211915;
}
.soft-bg {
  background-color: #fbf3ee;
}
.shadow-warm {
  box-shadow: 0 10px 30px -5px rgba(199, 85, 31, 0.1);
}
.border-warm {
  border-color: rgba(87, 78, 71, 0.15);
}
.active-chat {
  animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}