/* Caledonian — cos-typography.css */

/* H1: Scotland script — purposeful sizing, never overwhelming */
h1 {
  font-family: var(--cos-font-scotland);
  font-weight: normal;
  font-size: clamp(1.875rem, 4vw, 3.25rem);
  line-height: 1.2;
  letter-spacing: 0.01em;
}

/* H2–H4: Cormorant Garamond display serif */
h2, h3, h4 {
  font-family: var(--cos-font-display);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
h2 { font-size: clamp(1.625rem, 3.5vw, 2.875rem); }
h3 { font-size: clamp(1.25rem, 2.5vw, 1.875rem); }
h4 { font-size: clamp(1.0625rem, 2vw, 1.375rem); }

p { max-width: 68ch; }

/* Overline */
.cos-overline {
  display: block;
  font-family: var(--cos-font-ui);
  font-size: .625rem;
  font-weight: 400;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--cos-gold);
  margin-bottom: .875rem;
}
.cos-overline--dark  { color: rgba(11,25,38,.50); }
.cos-overline--light { color: rgba(201,168,76,.65); }
/* Hero variant — flanking gold rules */
.cos-hero .cos-overline {
  display: flex;
  align-items: center;
  gap: .875rem;
  font-size: .5625rem;
  letter-spacing: .26em;
  color: rgba(201,168,76,.72);
}
.cos-hero .cos-overline::before,
.cos-hero .cos-overline::after {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: rgba(201,168,76,.32);
  flex-shrink: 0;
}

/* Separator */
.cos-sep {
  display: block;
  width: 48px;
  height: 1px;
  background: var(--cos-gold);
  border: 0;
  margin-block: 1.5rem;
}
.cos-sep--light { background: rgba(245,240,232,.28); }
.cos-sep--dark  { background: rgba(11,25,38,.18); }