/* =============================================
   THEME: Bold Navy
   Professional, trustworthy — consultants, law, finance
   Font Pairing: Clean Bold (Montserrat + Source Sans 3)
   ============================================= */

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

/* --- Theme Variables --- */
:root {
  /* Colour Palette */
  --color-primary: #1B3A5C;
  --color-primary-light: #2E5A8A;
  --color-primary-dark: #0F2440;
  --color-secondary: #C9A84C;
  --color-secondary-light: #D4BA6E;
  --color-secondary-dark: #9E8338;
  --color-accent: #4A90A4;
  --color-accent-light: #6BB0C4;

  --color-bg: #FAFBFC;
  --color-bg-alt: #F0F2F5;
  --color-bg-dark: #1B3A5C;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F5F7FA;

  --color-text: #2D3748;
  --color-text-light: #718096;
  --color-text-inverse: #FAFBFC;
  --color-text-heading: #1A202C;

  --color-border: #E2E8F0;
  --color-border-light: #EDF2F7;

  --color-success: #38A169;
  --color-error: #E53E3E;

  /* Typography */
  --font-heading: 'Montserrat', 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Size Overrides */
  --text-h1-desktop: 2.5rem;
  --text-h2-desktop: 2rem;
  --text-h3-desktop: 1.5rem;
}

/* --- Theme Overrides --- */

/* Mobile nav: reset transparent-dark overrides so links are readable on white bg */
.nav--transparent-dark .nav__mobile .nav__link {
  color: var(--color-text);
}
.nav--transparent-dark .nav__mobile .nav__link:hover,
.nav--transparent-dark .nav__mobile .nav__link--active {
  color: var(--color-primary);
}

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

/* Hero overlay: lighter middle for more image visibility */
.hero--image::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%);
}

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