/* WiseFurryWellness - Custom styles */
/* Theme: soft sage, warm cream, deep forest, terracotta accent */

:root {
  --sage: #8B9A7C;
  --sage-light: #A8B89A;
  --cream: #F7F3EC;
  --forest: #3D4D3A;
  --terracotta: #B87D5E;
  --warm-gray: #6B6B64;
}

body {
  font-family: 'Georgia', 'Times New Roman', serif;
  color: var(--forest);
  background: var(--cream);
}

.font-display {
  font-family: 'Georgia', serif;
}

/* Asymmetric bento blocks */
.bento-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.bento-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(61, 77, 58, 0.12);
}

/* Diagonal section divider */
.diagonal-divider {
  clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
}

.diagonal-divider-alt {
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
}

/* Staggered reveal on scroll (optional enhancement) */
.reveal-section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal-section.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Link underline animation */
.link-underline {
  position: relative;
}

.link-underline::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--terracotta);
  transition: width 0.3s ease;
}

.link-underline:hover::after {
  width: 100%;
}

/* No scrollbar color modification - using default */