/* =============================================
   THEME: Clean Slate
   Modern, sharp — tech, SaaS, digital agencies
   Font Pairing: Editorial (Lora + Montserrat)
   ============================================= */

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

/* --- Theme Variables --- */
:root {
  /* Colour Palette */
  --color-primary: #334155;
  --color-primary-light: #475569;
  --color-primary-dark: #1E293B;
  --color-secondary: #3B82F6;
  --color-secondary-light: #60A5FA;
  --color-secondary-dark: #2563EB;
  --color-accent: #8B5CF6;
  --color-accent-light: #A78BFA;

  --color-bg: #F8FAFC;
  --color-bg-alt: #F1F5F9;
  --color-bg-dark: #1E293B;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F8FAFC;

  --color-text: #334155;
  --color-text-light: #64748B;
  --color-text-inverse: #F8FAFC;
  --color-text-heading: #0F172A;

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

  --color-success: #10B981;
  --color-error: #EF4444;

  /* Typography */
  --font-heading: 'Lora', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Size overrides for Lora + Montserrat */
  --text-h1-desktop: 2.75rem;
  --text-h2-desktop: 2.2rem;
  --text-h3-desktop: 1.65rem;
}

/* 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;
}

/* Hero image: square aspect ratio */
.hero .hero__image {
  aspect-ratio: 1;
}

/* "Everyone deserves to be heard" — white background for section contrast */
.hero + .section {
  background-color: #ffffff;
}