/* =============================================
   THEME: Forest & Cream
   Elegant, grounded — psychotherapy, depth work
   Font Pairing: Cormorant Garamond + Source Sans 3
   ============================================= */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@400;500;600&display=swap');

/* --- Theme Variables --- */
:root {
  /* Colour Palette */
  --color-primary: #3A6B4E;
  --color-primary-light: #5A8B6E;
  --color-primary-dark: #2A4F38;
  --color-secondary: #C8956A;
  --color-secondary-light: #D4AB85;
  --color-secondary-dark: #A07848;
  --color-accent: #8B7355;
  --color-accent-light: #A89070;

  --color-bg: #FDFBF8;
  --color-bg-alt: #F2EDE6;
  --color-bg-dark: #2A3D30;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F8F5F0;

  --color-text: #2E3830;
  --color-text-light: #5A6B5E;
  --color-text-inverse: #FDFBF8;
  --color-text-heading: #1E2B22;

  --color-border: #D8D2C8;
  --color-border-light: #E8E4DC;

  --color-success: #4A8B5E;
  --color-error: #B85B5B;

  /* Typography */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Sizing overrides for Cormorant Garamond */
  --text-h1-desktop: 3rem;
  --text-h2-desktop: 2.3rem;
  --text-h3-desktop: 1.7rem;
}

/* Hero text shadow for lighter overlay */
.hero__heading,
.hero__text {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

/* Portrait image — taller on desktop */
@media (min-width: 768px) {
  .intro__image-wrap {
    min-height: 550px;
  }
}

/* Blockquote: larger text, rounder corners, tighter vertical margin */
.blockquote {
  border-radius: 20px;
  margin: var(--space-md) 0;
}

.blockquote__text {
  font-size: var(--text-3xl);
}