/* typography.css */
/* Import Google Fonts - Guild Typography System v2.1 */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600;700&family=Cormorant+Garamond:wght@400;600;700&family=Cormorant+SC:wght@400;700&family=IBM+Plex+Sans:wght@400;600;700&display=swap');

/* Adobe Fonts - Miller Headline & Contralto */
@import url('https://use.typekit.net/gmy2ymh.css');

/* Self-host Tom Chalky fonts (place in /public/fonts or /assets/fonts) */
@font-face {
  font-family: "Buckwheat TC";
  src: url("/fonts/Fonts/Buckwheat TC Rg.otf") format("opentype");
  font-weight: 400; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "Buckwheat TC";
  src: url("/fonts/Fonts/Buckwheat TC Rough.otf") format("opentype");
  font-weight: 700; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "Brixton Classic";
  src: url("/fonts/Brixton/Brixton-Rg.otf") format("opentype");
  font-weight: 400 700; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "HeadlinerTC";
  src: url("/fonts/Headliner-5dxbr7/HeadlinerTC-Rg.otf") format("opentype");
  font-weight: 400; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "HeadlinerTC";
  src: url("/fonts/Headliner-5dxbr7/HeadlinerTC-Bold.otf") format("opentype");
  font-weight: 700; 
  font-style: normal; 
  font-display: swap;
}
@font-face {
  font-family: "Petal & Quill";
  src: url("/fonts/TC-Petal-Quill-zhevzv/TC Petal & Quill Regular.otf") format("opentype");
  font-weight: 400; 
  font-style: normal; 
  font-display: swap;
}

/* Guild Typography System v2.1 - CSS Classes */
.h1{
  font-family: "EB Garamond", Garamond, Georgia, serif;
  font-size: clamp(2.25rem, 5vw + 1rem, 4rem);
  line-height: 1.1;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.h2{
  font-family: miller-headline", Miller Headline", Georgia, serif;
  font-size: clamp(1.875rem, 4vw + 1rem, 3.5rem);
  line-height: 1.2;
  letter-spacing: 0.04em;
}
.h3{
  font-family: Cormorant SC", Cormorant Garamond", serif;
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.h4{
  font-family: contralto-small", IBM Plex Sans", ui-sans-serif, sans-serif;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.h5{
  font-family: Cormorant Garamond", serif;
  font-size: 18px;
  line-height: 1.45;
}

.body{
  font-family: Cormorant Garamond", serif;
  font-size: 17px;
  line-height: 1.65;
}
.lead{
  font-family: Cormorant Garamond", serif;
  font-size: clamp(1.125rem, 1vw + 0.75rem, 1.375rem);
  line-height: 1.6;
}

.quote{
  position: relative;
  padding-left: 1.25rem;
  font-family: Petal & Quill", Cormorant Garamond", serif;
  font-size: 20px;
  line-height: 1.7;
  font-style: italic;
  border-left: 3px solid #d6d0c8;
}
.quote::before {
  content: "";
}

.caption{
  font-family: IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

/* CTA options */
.button-sans{
  font-family: Instrument Sans", IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.05em;
}
.button-serif{
  font-family: Instrument Sans", IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.05em;
}

/* New utility classes */
.card-heading{
  font-family: Instrument Sans", IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  line-height: 1.3;
  letter-spacing: 0.01em;
}
.ui-label{
  font-family: Instrument Sans", IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.625rem, 1.5vw, 0.75rem);
  line-height: 1.2;
  letter-spacing: 0.06em;
}