/* ===========================================================================
   ÎLE DES EMBIEZ — Base element defaults & brand utilities
   Opt-in: applies to plain elements + a small set of .emb-* helper classes
   used by specimen cards and kits. Tokens come from the files above.
   =========================================================================== */

.emb-body {
  background: var(--surface-page);
  color: var(--text-ink);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---- Display title: the brand shout ------------------------------------ */
.emb-display {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
  text-transform: uppercase;
  color: var(--text-primary);
  margin: 0;
}

/* ---- Eyebrow / label --------------------------------------------------- */
.emb-eyebrow {
  font-family: var(--font-label);
  font-weight: var(--weight-label);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--text-primary);
  margin: 0;
}

/* ---- Script accent ----------------------------------------------------- */
.emb-script {
  font-family: var(--font-script);
  font-weight: 400;
  line-height: 1.05;
  color: var(--text-primary);
  margin: 0;
}

/* ---- Editorial body ---------------------------------------------------- */
.emb-prose {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--text-ink);
  max-width: var(--measure);
  text-wrap: pretty;
}
.emb-prose + .emb-prose { margin-top: var(--space-5); }

/* ---- Editorial rule ---------------------------------------------------- */
.emb-rule {
  border: 0;
  border-top: var(--border-rule) solid var(--text-primary);
  width: 100%;
  margin: 0;
}

/* ---- Brand-coloured line illustration helper --------------------------- */
.emb-illu { display: block; }
.emb-illu--blue { /* PNGs already pure blue; class kept for intent */ }