/* ============================================================
   APSYS — Typography tokens
   Riviera Nights (brand) → substituted with Sora (geometric,
   modern, highly legible at data densities). See readme.
   ============================================================ */

:root {
  /* Families */
  --font-sans: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Sora', system-ui, sans-serif; /* same family, lighter weights for display */
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace; /* numbers, refs, IDs */

  /* 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 */
  --fw-extrabold: 800; /* @kind font */

  /* Type scale (rem, 16px base) — tuned for dense data screens */
  --fs-display: 3rem;     /* 48px — hero / "Dream big" */
  --fs-h1: 2rem;          /* 32px */
  --fs-h2: 1.5rem;        /* 24px */
  --fs-h3: 1.25rem;       /* 20px */
  --fs-h4: 1.0625rem;     /* 17px */
  --fs-body-lg: 1rem;     /* 16px */
  --fs-body: 0.875rem;    /* 14px — default app text / tables */
  --fs-sm: 0.8125rem;     /* 13px */
  --fs-xs: 0.75rem;       /* 12px — labels, meta */
  --fs-2xs: 0.6875rem;    /* 11px — overline / table headers */

  /* Line heights */
  --lh-tight: 1.1; /* @kind other */
  --lh-snug: 1.25; /* @kind other */
  --lh-normal: 1.45; /* @kind other */
  --lh-relaxed: 1.6; /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind other */
  --ls-snug: -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em; /* @kind other */
  --ls-wider: 0.08em; /* @kind other */

  /* ---- Semantic text roles ---- */
  --text-display:  var(--fw-light)    var(--fs-display)/var(--lh-tight) var(--font-display);
  --text-h1:       var(--fw-semibold) var(--fs-h1)/var(--lh-snug) var(--font-display);
  --text-h2:       var(--fw-semibold) var(--fs-h2)/var(--lh-snug) var(--font-display);
  --text-h3:       var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-sans);
  --text-h4:       var(--fw-semibold) var(--fs-h4)/var(--lh-normal) var(--font-sans);
  --text-body-css: var(--fw-regular)  var(--fs-body)/var(--lh-normal) var(--font-sans);
  --text-label:    var(--fw-medium)   var(--fs-xs)/var(--lh-snug) var(--font-sans);
}