/* ============================================================
   CASORO · TYPOGRAPHY TOKENS
   Display = Schibsted Grotesk · Text = Plus Jakarta Sans.
   Numerals & the wordmark always set in the display face.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-text:    'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    'Schibsted Grotesk', ui-monospace, monospace; /* tabular figures, codes */

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

  /* ---- Type scale (px) ---- */
  --text-display:  54px;  /* hero statements, big numerals */
  --text-h1:       40px;
  --text-h2:       28px;
  --text-h3:       20px;
  --text-lg:       18px;
  --text-body:     16px;  /* default body */
  --text-sm:       14px;
  --text-caption:  12px;
  --text-eyebrow:  11px;  /* uppercase, tracked labels */

  /* ---- Line-heights ---- */
  --leading-tight: 1.04;  /* display / headlines */
  --leading-snug:  1.2;
  --leading-body:  1.6;   /* paragraphs */

  /* ---- Letter-spacing ---- */
  --tracking-display: -1.5px;  /* tight on large display */
  --tracking-head:    -0.5px;
  --tracking-normal:  0;
  --tracking-eyebrow: 2px;     /* tracked-out uppercase labels */
  --tracking-wordmark: 9px;    /* descriptor under "casoro." */

  /* ---- Semantic roles ---- */
  --role-eyebrow-size: var(--text-eyebrow);
  --role-eyebrow-weight: var(--weight-bold);
}