@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@400;600&display=swap');

:root {
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;

  --primary-color: #5A677E;
  --secondary-color: #DEE1E9;
  --header-bg-color: #FAFAFA;
  --header-text-color: #4D4D4D;
  --footer-bg-color: #FAFAFA;
  --footer-text-color: #999999;
  --text-default: #333333;
  --background-light: #FFFFFF;
}

h1, h2, h3 {
  font-family: var(--font-heading);
  color: var(--primary-color);
}

body {
  font-family: var(--font-body);
  background-color: var(--background-light);
  color: var(--text-default);
}