/* ==========================================================================
   OROS HOME — TYPOGRAPHY TOKENS
   Source: Oros_Brand_Guide_v2.pdf, section 04 — Type System
   ========================================================================== */

:root {
  /* ---- Font families ---- */
  --font-primary: 'Manrope', 'Satoshi', -apple-system, sans-serif; /* brand copy, headlines, packaging, UI. Brand spec: Satoshi */
  --font-serif-display: 'Fraunces', 'Sentient', Georgia, serif;    /* brand statements, taglines, editorial headlines ONLY. Brand spec: Sentient Bold */
  --font-functional: 'Lexend', -apple-system, sans-serif;          /* e-comm product copy, email, instructional text ONLY */

  /* ---- Weights (Satoshi scale) ---- */
  --weight-light: 300;   /* brand copy, headlines, packaging, UI */
  --weight-regular: 400; /* brand body copy, long-form */
  --weight-medium: 500;  /* UI labels, descriptions */
  --weight-bold: 700;    /* headlines, packaging names */

  /* ---- Tracking ---- */
  --tracking-tight: 0;
  --tracking-label: 0.35em;   /* section labels */
  --tracking-caption: 0.12em; /* captions */
  --tracking-display: 0.02em;

  /* ---- Type scale ---- */
  --text-display: 56px;      /* hero / display */
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 22px;
  --text-body-lg: 17px;
  --text-body: 14px;         /* marketing body, 13-14px per spec */
  --text-ui-label: 13px;     /* UI labels/descriptions */
  --text-section-label: 12px; /* spec says 8-9px physical print; bumped for screen legibility */
  --text-caption: 11px;      /* captions, 10-11px per spec */

  /* ---- Line heights ---- */
  --leading-tight: 1.15;
  --leading-display: 1.2;
  --leading-body: 1.8;       /* marketing body per spec */
  --leading-ui: 1.4;
}