/* mara-vital — Typography Tokens */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;1,300;1,400&display=swap');

:root {
  /* ── Families ──────────────────────────────────────────────── */
  --font-serif:  'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:   'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* ── Display scale (Playfair Display 300) ──────────────────── */
  --font-size-display-xl:  100px;   /* hero h1 */
  --font-size-display-lg:   90px;   /* section headings */
  --font-size-display-md:   72px;   /* split-layout headings */
  --font-size-display-sm:   52px;   /* brand statement */
  --font-size-display-xs:   36px;   /* card headings, showroom names */

  /* ── Body / UI scale (Helvetica Neue 300–400) ──────────────── */
  --font-size-body-xl:   22px;
  --font-size-body-lg:   19px;
  --font-size-body-md:   17px;
  --font-size-body-sm:   14px;
  --font-size-body-xs:   13px;

  /* ── Micro UI ──────────────────────────────────────────────── */
  --font-size-ui-md:   12px;
  --font-size-ui-sm:   11px;
  --font-size-ui-xs:   10px;   /* nav items, labels, step numbers, CTAs */

  /* ── Weights ───────────────────────────────────────────────── */
  --font-weight-light:    300;
  --font-weight-regular:  400;

  /* ── Letter spacing ────────────────────────────────────────── */
  --letter-spacing-display:  -2px;    /* large Playfair headlines */
  --letter-spacing-wordmark:  8px;    /* [MARKE] logotype */
  --letter-spacing-nav:       2.5px;  /* nav items */
  --letter-spacing-label:     3px;    /* category labels, step numbers */
  --letter-spacing-cta:       3px;    /* button / CTA text */
  --letter-spacing-tight:    -0.3px;  /* phone numbers, large figures */

  /* ── Line heights ──────────────────────────────────────────── */
  --line-height-display: 0.88;   /* tight — for large serif headlines */
  --line-height-heading: 1.1;    /* mid-size headings */
  --line-height-body:    1.65;   /* comfortable reading */
  --line-height-ui:      1.4;
}