/* RIVET — Typography tokens
   IBM Plex Sans (body/hierarchy) · IBM Plex Mono (eyebrows/meta/data) ·
   Square Peg (annotations ≤10%) · Almarai (all Arabic).
   Caps law: eyebrows are ALWAYS ALL CAPS; when there is no eyebrow, the headline takes ALL CAPS. */

:root {
  /* ---- Families ---- */
  --rivet-font-sans:   "IBM Plex Sans", system-ui, sans-serif;
  --rivet-font-mono:   "IBM Plex Mono", ui-monospace, monospace;
  --rivet-font-hand:   "Square Peg", cursive;      /* annotations ONLY — ≤10% ceiling, not a quota */
  --rivet-font-arabic: "Almarai", sans-serif;      /* all Arabic — not a fallback */

  /* ---- Weights ---- */
  --rivet-weight-regular:  400;  /* body, mono meta/data */
  --rivet-weight-medium:   500;
  --rivet-weight-semibold: 600;  /* headings */
  --rivet-weight-bold:     700;  /* display */

  /* ---- Type ramp — LOCKED anchors ---- */
  --rivet-type-h1:          48px;
  --rivet-type-h1-mobile:   32px;
  --rivet-type-body:        16px;
  --rivet-type-body-mobile: 14px;
  --rivet-type-hand:        24px;
  --rivet-type-hand-mobile: 20px;

  /* ---- Type ramp — PROVISIONAL working defaults (NOT canon) ---- */
  --rivet-type-display-xl: 96px;
  --rivet-type-display:    64px;
  --rivet-type-h2:         32px;
  --rivet-type-h3:         24px;
  --rivet-type-h4:         20px;
  --rivet-type-small:      14px;
  --rivet-type-meta:       12px;  /* Mono, ALL CAPS, +8% tracking */

  /* ---- Line height ---- */
  --rivet-lh-body:    1.6; /* @kind other */
  --rivet-lh-heading: 1.2; /* @kind other */

  /* ---- Tracking ---- */
  --rivet-tracking-display: -0.02em;  /* negative on large display */
  --rivet-tracking-tight:   -0.01em;
  --rivet-tracking-normal:  0;
  --rivet-tracking-meta:    0.08em;    /* +8% on mono eyebrows / meta */
  --rivet-tracking-caps:    0.06em;    /* CTA + eyebrow positive tracking */
}