/* ============================================================
   Wird — Typography
   The app uses SF Pro (system) on Apple platforms and System
   Arabic for RTL. On the web we fall back through the native
   system-font stack so a real device renders true SF Pro.
   Sizes mirror the iOS Dynamic Type roles in the brief.
   ============================================================ */

:root {
  /* — Font families —
     Wird uses Apple's SF Pro (Display/Text) and SF Arabic. On the web these are
     invoked through the system-font keywords: -apple-system / BlinkMacSystemFont /
     system-ui resolve to TRUE SF Pro on Apple platforms and to SF Arabic for Arabic
     glyphs — i.e. exactly the brief's "System Arabic". No substitute family is
     introduced; the OS supplies the real fonts. If SF Pro is ever licensed for web,
     add its @font-face in fonts.css and slot the family in ahead of -apple-system. */
  --font-display: 'Fraunces', Georgia, "Times New Roman", serif;
  --font-text: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;
  --font-arabic: -apple-system, system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* — Type scale (pt ≈ px on iOS @1x) — */
  --text-large-title: 34px;   /* App title */
  --text-title: 28px;         /* Large headings */
  --text-section: 20px;       /* Section headings */
  --text-body: 17px;          /* Ibadah name / row / onboarding base */
  --text-callout: 16px;       /* Onboarding body */
  --text-subhead: 15px;
  --text-footnote: 14px;      /* Reminder time / secondary */
  --text-caption: 11px;       /* Week strip day labels (caps) */

  /* — Weights — */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* — Line heights — */
  --leading-tight: 1.12;
  --leading-snug: 1.25;
  --leading-normal: 1.4;
  --leading-relaxed: 1.55;

  /* — Letter spacing — */
  --tracking-tight: -0.02em;   /* large display */
  --tracking-normal: -0.01em;  /* body */
  --tracking-caps: 0.06em;     /* 11pt caps day labels */
}