/* Ultra Dewan — typographic ladder.
   Magnetik (Latin), GE SS Two (Arabic companion).
   Hierarchy comes from SCALE + PLACEMENT + SPACE + CONTRAST — not weight.
   Weights in use: 100–300 for display scale, 400–500 for text. 600–700 exist
   but are exceptional. Flush-left, sentence case; never justify, never
   centre body text, never track-out headlines. Max two sizes per block.
   Sizes are tuned for a ~1100–1300px canvas (A4 landscape ≈ 1123px);
   slides at 1920px scale the ladder ×1.5.
   Level        px    line  track     wt   use
   ultra        132   0.95  -0.035em  200  one statement per document
   display      88    0.98  -0.030em  300  covers, section openers
   hero         60    1.04  -0.025em  300  major page statements
   heading      36    1.12  -0.020em  400  section headings (≤2 lines)
   title        26    1.20  -0.018em  400  page headings
   subhead      18    1.35  -0.008em  500  running subheads
   lead         19    1.50  -0.005em  300  intro paragraphs (≤4 lines, ≤58ch)
   body-lg      15    1.62   0        400  narrative documents
   body         13    1.68   0        400  default text (55–70ch)
   body-sm      11.5  1.58   0.002em  400  dense/technical text
   caption      10.5  1.50   0.010em  400  image captions
   note         9.5   1.45   0.015em  400  footnotes, annotations
   label        10    1.60   0.240em  500  eyebrows, section labels (UPPERCASE)
   label-sm     8.5   1.50   0.220em  500  folios, running heads, drawing notes
   stat         84    0.95  -0.030em  200  numerical statistics (tabular)
   stat-sm      44    1.00  -0.020em  300  secondary statistics
   quote        30    1.32  -0.015em  300  pull quotes (≤3 lines)
   table        11    1.50   0.005em  400  table body
   chart        10    1.40   0.020em  400  chart labels, direct labelling */
:root {
  --font-sans: "Magnetik", "Helvetica Neue", Arial, sans-serif;
  --font-arabic: "GE SS Two", "GE SS Text", Tahoma, sans-serif;

  --t-ultra: 200 132px/0.95 var(--font-sans);
  --t-ultra-tracking: -0.035em;
  --t-display: 300 88px/0.98 var(--font-sans);
  --t-display-tracking: -0.03em;
  --t-hero: 300 60px/1.04 var(--font-sans);
  --t-hero-tracking: -0.025em;
  --t-heading: 400 36px/1.12 var(--font-sans);
  --t-heading-tracking: -0.02em;
  --t-title: 400 26px/1.2 var(--font-sans);
  --t-title-tracking: -0.018em;
  --t-subhead: 500 18px/1.35 var(--font-sans);
  --t-subhead-tracking: -0.008em;
  --t-lead: 300 19px/1.5 var(--font-sans);
  --t-lead-tracking: -0.005em;
  --t-body-lg: 400 15px/1.62 var(--font-sans);
  --t-body: 400 13px/1.68 var(--font-sans);
  --t-body-sm: 400 11.5px/1.58 var(--font-sans);
  --t-caption: 400 10.5px/1.5 var(--font-sans);
  --t-note: 400 9.5px/1.45 var(--font-sans);
  --t-label: 500 10px/1.6 var(--font-sans);
  --t-label-tracking: 0.24em;
  --t-label-sm: 500 8.5px/1.5 var(--font-sans);
  --t-label-sm-tracking: 0.22em;
  --t-stat: 200 84px/0.95 var(--font-sans);
  --t-stat-tracking: -0.03em;
  --t-stat-sm: 300 44px/1 var(--font-sans);
  --t-quote: 300 30px/1.32 var(--font-sans);
  --t-quote-tracking: -0.015em;
  --t-table: 400 11px/1.5 var(--font-sans);
  --t-chart: 400 10px/1.4 var(--font-sans);

  --measure-body: 62ch;   /* 55–70ch */
  --measure-lead: 58ch;
  --measure-quote: 34ch;

  /* Compatibility aliases (Dewan core token names) */
  --text-display-size: 52px;
  --text-display-line: 1.05;
  --text-display-tracking: -0.025em;
  --text-display-weight: 300;
  --text-heading-size: 30px;
  --text-heading-line: 1.18;
  --text-heading-tracking: -0.02em;
  --text-heading-weight: 400;
  --text-subhead-size: 18px;
  --text-subhead-line: 1.38;
  --text-subhead-tracking: 0;
  --text-subhead-weight: 400;
  --text-body-size: 13px;
  --text-body-line: 1.68;
  --text-body-tracking: 0;
  --text-body-weight: 400;
  --text-body-measure: 62ch;
  --text-label-size: 10px;
  --text-label-line: 1.6;
  --text-label-tracking: 0.24em;
  --text-label-weight: 500;
  --text-label-transform: uppercase;
}