/**
 * Taxi Lille Connect — Typography system.
 * Editorial serif (Cormorant Garamond) for display, refined sans (Inter) for utility.
 * Scale: Display / H1 / H2 / H3 / H4 / Lead / Body / Small / Eyebrow / Button.
 */

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--tlc-space-sm);
  font-family: var(--tlc-font-display);
  font-weight: 600;
  line-height: var(--tlc-leading-heading);
  color: inherit;
}

h1, .tlc-h1 {
  font-size: var(--tlc-text-h1);
  line-height: var(--tlc-leading-tight);
  letter-spacing: -0.01em;
}

h2, .tlc-h2 {
  font-size: var(--tlc-text-h2);
  letter-spacing: -0.005em;
}

h3, .tlc-h3 {
  font-size: var(--tlc-text-h3);
}

h4, .tlc-h4 {
  font-family: var(--tlc-font-body);
  font-size: var(--tlc-text-h4);
  font-weight: 600;
  letter-spacing: 0.01em;
}

.tlc-display {
  font-family: var(--tlc-font-display);
  font-size: var(--tlc-text-display);
  font-weight: 600;
  line-height: var(--tlc-leading-tight);
}

p {
  margin: 0 0 1.1em;
}

p:last-child {
  margin-bottom: 0;
}

.tlc-lead {
  font-size: var(--tlc-text-lead);
  line-height: 1.7;
}

.tlc-small,
small {
  font-size: var(--tlc-text-small);
}

/* ---------- Eyebrow label ---------- */

.tlc-eyebrow {
  display: inline-block;
  margin: 0 0 var(--tlc-space-sm);
  font-family: var(--tlc-font-body);
  font-size: var(--tlc-text-eyebrow);
  font-weight: 600;
  letter-spacing: var(--tlc-tracking-wider);
  text-transform: uppercase;
  color: var(--tlc-color-gold);
}

.tlc-surface-ivory .tlc-eyebrow,
.tlc-surface-paper .tlc-eyebrow {
  color: var(--tlc-color-gold-text);
}

/* ---------- Heading accent rule ---------- */

.tlc-heading-rule {
  width: 56px;
  height: 1px;
  margin: var(--tlc-space-md) 0;
  border: 0;
  background: var(--tlc-color-gold);
  opacity: 0.8;
}

/* Muted paragraph on dark surfaces */
.tlc-surface-dark p,
.tlc-surface-navy p,
.tlc-surface-ink p {
  color: var(--tlc-color-text-inverse-soft);
}

.tlc-surface-dark h1, .tlc-surface-dark h2, .tlc-surface-dark h3,
.tlc-surface-navy h1, .tlc-surface-navy h2, .tlc-surface-navy h3,
.tlc-surface-ink h1, .tlc-surface-ink h2, .tlc-surface-ink h3 {
  color: var(--tlc-color-ivory);
}

/* Text links inside copy */
.tlc-link {
  color: var(--tlc-color-gold-text);
  text-decoration: underline;
  text-decoration-color: var(--tlc-color-gold-line);
  text-underline-offset: 3px;
}

/* Hover firms up the rule rather than lightening the text, which used to drop
   the link to 2.3:1 on paper. */
.tlc-link:hover {
  text-decoration-color: currentColor;
}