/* Masters Design System — Typography tokens
   Montserrat Arabic — single brand typeface for Latin + Arabic, all weights. */
:root {
  /* ---- Families ---- */
  --font-serif:  'Montserrat Arabic', system-ui, sans-serif;
  --font-sans:   'Montserrat Arabic', system-ui, sans-serif;
  --font-serif-ar: 'Montserrat Arabic', system-ui, sans-serif;
  --font-sans-ar:  'Montserrat Arabic', system-ui, sans-serif;

  /* Semantic roles */
  --font-display: var(--font-serif);  /* Montserrat Arabic — headlines, editorial */
  --font-heading: var(--font-serif);  /* section titles */
  --font-body:    var(--font-sans);   /* Montserrat Arabic — paragraphs, UI */
  --font-ui:      var(--font-sans);   /* buttons, labels, nav */

  /* ---- Weights ---- */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700;     /* @kind font */

  /* ---- Type scale (fluid-friendly px) ---- */
  --fs-display-xl: 76px;  /* hero */
  --fs-display-l:  56px;
  --fs-display-m:  42px;
  --fs-h1:         34px;
  --fs-h2:         27px;
  --fs-h3:         21px;
  --fs-lead:       19px;  /* intro paragraph */
  --fs-body:       16px;
  --fs-body-sm:    14px;
  --fs-caption:    13px;
  --fs-overline:   12px;  /* eyebrow / label */

  /* ---- Line heights ---- */
  --lh-tight:   1.08;  /* @kind other */
  --lh-snug:    1.22;  /* @kind other */
  --lh-heading: 1.3;   /* @kind other */
  --lh-body:    1.62;  /* @kind other */
  --lh-relaxed: 1.75;  /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight:   -0.02em; /* @kind other */
  --ls-normal:  0;       /* @kind other */
  --ls-wide:    0.04em;  /* @kind other */
  --ls-overline: 0.16em; /* @kind other */
}