/* Romoz Design System — Typography, spacing, radii, elevation tokens
 * Source: DESIGN.md §3 (type), §7 (layout), §8 (depth).
 * Client directive 2026-07-27: DO NOT substitute the brand faces. Lyon Arabic
 * Display / Jali Arabic stay first in the stacks; both are commercial fonts
 * (Commercial Type / Foundry5) with no legal free web files — a web license
 * must be purchased, then the WOFF2s dropped into assets/fonts/ + fonts.css.
 * Until then the approved substitutes below render. */
:root{
  --font-display:"Lyon Arabic Display","Noto Naskh Arabic","Amiri",Georgia,serif;
  --font-body:"Jali Arabic","IBM Plex Sans Arabic","Tajawal","Noto Sans Arabic",system-ui,sans-serif;

  /* Type scale — reference 1920×1080; scale proportionally */
  --fs-hero:88px;
  --fs-title:56px;
  --fs-h2:40px;
  --fs-h3:26px;
  --fs-lead:22px;
  --fs-body:18px;
  --fs-small:16px;
  --fs-eyebrow:16px;
  --fs-caption:13px;

  --lh-display:1.2; /* @kind other */
  --lh-body:1.7; /* @kind other */
  --ls-eyebrow:.18em;

  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:700; /* @kind other */

  /* Spacing scale: 4 / 8 / 16 / 24 / 40 / 64 */
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:16px;
  --sp-4:24px;
  --sp-5:40px;
  --sp-6:64px;
  --sp-7:96px;
  --margin-outer:7%;

  /* Radii — flat brand, gentle corners only */
  --radius-btn:8px;
  --radius-card:12px;
  --radius-stone:22%;

  /* Depth — flat by default; one soft shadow maximum */
  --shadow-none:none;
  --shadow-overlay:0 4px 16px rgba(43,38,34,.12);

  --hairline:1px;
}