/* typography.css
   Dedicated typography rules and variables
*/
@font-face {
	font-family: 'Circe Contrast Subhead Regular';  
	src: url(/wp-content/uploads/2025/06/circe-contrast_subhead-regular-1.otf) format('opentype');  
  font-weight: normal;
}
@font-face {
	font-family: 'Circe Contrast Text Demibold';  
	src: url(/wp-content/uploads/2025/06/circe-contrast_text-demibold-1.otf) format('opentype');  
	font-weight: normal;  
}
@font-face {
	font-family: 'Apercu Bold';  
	src: url(/wp-content/uploads/2025/06/ApercuPro-Bold-1.otf) format('opentype');  
	font-weight: normal;  
}
@font-face {
	font-family: 'Apercu Regular';  
	src: url(/wp-content/uploads/2025/06/ApercuPro-1.otf) format('opentype');  
	font-weight: normal;  
}

:root {
  /* — Font families — */
  --ff-large-heading:  'Circe Contrast Subhead Regular', sans-serif;
  --ff-subheading:     'Circe Contrast Text Demibold',      sans-serif;
  --ff-sub-subheading: 'Apercu Bold',                       sans-serif;
  --ff-body-text:      'Apercu Regular',                    sans-serif;

  /* — Leading & Tracking — */
  /* Large Heading (100/110, 25 tracking) */
  --lh-large-heading:   1.10;
  --track-large-heading:0.025em;

  /* Subheading (35/39, 25 tracking) */
  --lh-subheading:      1.1143;
  --track-subheading:   0.025em;

  /* Sub-subheading (24/28, 60 tracking) */
  --lh-sub-subheading:  1.1667;
  --track-sub-subheading:0.06em;

  /* Body Text (20/28, 5 tracking) */
  --lh-body-text:       1.40;
  --track-body-text:    0.005em;
}


h1{
  font-family: 'Circe Contrast Text Demibold', sans-serif !important;
	  line-height: var(--lh-large-heading);
  letter-spacing: var(--track-large-heading);
}

/* H2 – Sub-section Headings */
h2 {
  font-family: 'Circe Contrast Text Demibold', sans-serif !important;
	  line-height:    var(--lh-subheading);
  letter-spacing: var(--track-subheading);
   
}

/* H3 – Widget Titles, Card Titles */
h3 {
  font-family: ' Apercu Bold';
	  line-height:    var(--lh-sub-subheading);
  letter-spacing: var(--track-sub-subheading);
}

/* H4 – Small Section Titles */
h4, h5, h6 {
  font-family: ' Apercu Bold';
	  line-height:    var(--lh-sub-subheading);
  letter-spacing: var(--track-sub-subheading);
}

body,
p {
  font-family: 'Apercu Regular';
	font-size:20px;
	  line-height:    var(--lh-body-text);
  letter-spacing: var(--track-body-text);
}