/* MIEL — brand tokens & voices.
   Palette and roles: brand book p.14. Type: Medion (display, the original-ad face) + Acumin (system).
   Used inside MIEL deliverables only — the Studio Asaf shell keeps its own tokens. */

@font-face {
  font-family: 'Medion';
  src: url('../fonts/brand/Medion.woff2') format('woff2'),
       url('../fonts/brand/Medion.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acumin';
  src: url('../fonts/brand/AcuminVariableConcept.otf') format('opentype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* book palette — exact */
  --miel-base:  #C99797;  /* dusty pink, backgrounds & wide surfaces */
  --miel-light: #F6E7E7;  /* lightest pink */
  --miel-rose:  #E9C9C4;  /* soft rose */
  --miel-gold:  #BFA184;  /* accent: rules, small details only */
  --miel-cocoa: #4F3A3B;  /* primary text */

  /* derived, tonal only (no new hues) */
  --miel-ink-soft: rgb(79 58 59 / 82%);
  --miel-ghost:    rgb(79 58 59 / 10%);   /* the big background M */
  --miel-ghost-light: rgb(246 231 231 / 16%);
  --miel-line:     rgb(79 58 59 / 18%);

  --miel-display: 'Medion', 'Times New Roman', serif;
  --miel-system:  'Acumin', 'Helvetica Neue', Arial, sans-serif;

  --miel-track-caps: 0.34em;   /* NAILS BOUTIQUE cadence */
  --miel-track-head: 0.06em;   /* NAILS, BUT MAKE IT cadence */
}

/* type voices */
.miel-display {
  font-family: var(--miel-display);
  font-weight: 400;
  letter-spacing: var(--miel-track-head);
  line-height: 0.98;
}
.miel-caps {
  font-family: var(--miel-system);
  font-weight: 500;
  letter-spacing: var(--miel-track-caps);
  text-indent: var(--miel-track-caps); /* balance centered caps */
  text-transform: uppercase;
}
.miel-body {
  font-family: var(--miel-system);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.6;
}