/* ============================================
   Helene Walther — Warm Luxury Site Styling
   Paste this entire block into:
   Design → Custom CSS
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Work+Sans:wght@300;400;500;600&display=swap');

/* Base colors */
body {
  background-color: #FFFCF6 !important;
  color: #2E2019 !important;
  font-family: 'Work Sans', sans-serif !important;
}

/* Headings use the warm serif */
h1, h2, h3, h4, h5,
.Header-title, .site-title, .fluid-engine h1, .fluid-engine h2 {
  font-family: 'Fraunces', serif !important;
  font-weight: 500 !important;
  color: #2E2019 !important;
}

/* Body paragraphs slightly softened */
p, .sqs-block-content p {
  color: #7C6A5C !important;
  line-height: 1.65 !important;
}

/* Links */
a {
  color: #C17A5C;
}
a:hover {
  color: #2E2019;
}

/* Buttons — warm pill style */
.sqs-block-button-element,
a.sqs-block-button-element {
  background-color: #2E2019 !important;
  color: #FFFCF6 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 500 !important;
  transition: background-color 0.2s ease;
}
.sqs-block-button-element:hover,
a.sqs-block-button-element:hover {
  background-color: #C17A5C !important;
}

/* Alternate section backgrounds for rhythm — 
   apply the "Section Theme" option per section in Squarespace's 
   own section settings for best results (Light / Dark / custom),
   this just softens the defaults site-wide */
.page-section {
  background-color: #FFFCF6;
}

/* Optional: soften image corners site-wide for a warmer feel */
.sqs-block-image img, .image-block-outer-wrapper img {
  border-radius: 3px;
}