/* ============================================
   ALYA BUTIK — Typography
   ============================================ */

/* Google Fonts import — in production replace with self-hosted */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap');

/* Section eyebrow labels */
.eyebrow {
  font-size: 0.65rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.eyebrow--line::before {
  content: '';
  display: block;
  width: 40px;
  height: 0.5px;
  background: var(--gold);
}

/* Section titles */
.section-title {
  font-family: var(--font-serif);
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: 300;
  line-height: 1.1;
  color: var(--warm-black);
}

.section-title em {
  font-style: italic;
}

.section-title--light {
  color: var(--prestige-text);
}

/* Hero title */
.hero-title {
  font-family: var(--font-serif);
  font-size: clamp(3.5rem, 6vw, 5.5rem);
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--warm-black);
  margin-bottom: 2rem;
}

.hero-title em {
  font-style: italic;
  color: var(--gold);
}

/* Body / description text */
.body-text {
  font-size: 0.9rem;
  line-height: 1.9;
  color: var(--muted);
  letter-spacing: 0.02em;
}

/* Price */
.price {
  font-size: 0.9rem;
  color: var(--gold);
  font-weight: 400;
}

.price--prestige {
  color: var(--prestige-accent);
}

/* Small labels */
.label-sm {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}