@charset "UTF-8";

/* =========================================
   1. Import Google Fonts
   ========================================= */
/* Cormorant Garamond for Headings */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");

/* =========================================
   2. Font Family Variables
   ========================================= */
:root {
  --font-primary: Arial, Helvetica, sans-serif;
  --font-heading: "Cormorant Garamond", serif;
}

/* =========================================
   3. Base Typography
   ========================================= */
body {
  font-family: var(--font-primary);
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.site-title,
.banner-main-title,
.banner-sub-title {
  font-family: var(--font-heading) !important;
  font-weight: 600; /* Default heading weight */
}

/* Specific Utilities */
.font-heading {
  font-family: var(--font-heading) !important;
}

.font-body {
  font-family: var(--font-primary) !important;
}