/* =============================================
   THEME: Trusty Blue
   Professional, trustworthy — counselling, healthcare
   Font Pairing: Corporate (DM Serif Display + Inter)
   ============================================= */

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&family=Inter:wght@400;500;600&display=swap');

/* --- Theme Variables --- */
:root {
  /* Colour Palette */
  --color-primary: #3B6FA0;
  --color-primary-light: #5A8FBF;
  --color-primary-dark: #2A5178;
  --color-secondary: #D4956A;
  --color-secondary-light: #E2B08A;
  --color-secondary-dark: #A06B3E;
  --color-accent: #6B8E7B;
  --color-accent-light: #8FB3A0;

  --color-bg: #F8FAFB;
  --color-bg-alt: #ECF1F4;
  --color-bg-dark: #1E3A52;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F2F6F8;

  --color-text: #2D3748;
  --color-text-light: #64748B;
  --color-text-inverse: #F8FAFB;
  --color-text-heading: #1E3A52;

  --color-border: #D4DCE4;
  --color-border-light: #E8EDF2;

  --color-success: #3B8F6F;
  --color-error: #C45B5B;

  /* Typography */
  --font-heading: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Ensure info-band icons are perfectly round */
.info-band__icon {
  min-width: 48px;
  min-height: 48px;
  overflow: hidden;
}

/* Lighter frost card */
.hero--showcase-dark .hero__content {
  background: rgba(0, 0, 0, 0.25);
}

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

/* Contact page heading overrides */
.contact-info h2,
.contact-form-wrap .card h2 {
  font-size: var(--text-xl);
}

/* Testimonial star centering */
.text-center .testimonial__stars,
.testimonial--standalone .testimonial__stars {
  justify-content: center;
}

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

/* Nav brand sizing */
.nav__name {
  font-size: var(--text-2xl);
}

.nav__title {
  font-size: var(--text-sm);
}