/* ============================================================
   Realty ONE Group — Typography tokens
   Corporate face: MUSEO SANS (substitute: Mulish).
   Secondary: Bebas Neue (condensed caps), Caveat (brush script).
   Brand rule: never more than 3 sizes and/or 4 fonts per project.
   Signature look = THIN + WIDE TRACKING + UPPERCASE for display.
   ============================================================ */

:root {
  /* Families */
  --font-display:   'Mulish', 'Museo Sans', system-ui, sans-serif;
  --font-sans:      'Mulish', 'Museo Sans', system-ui, sans-serif;
  --font-condensed: 'Bebas Neue', 'Mulish', sans-serif;   /* impact caps */
  --font-script:    'Freeland', cursive;                   /* brush accent */

  /* Weights — map to Museo Sans 100/300/500/700/900 */
  --fw-thin:     200;   /* @kind font */
  --fw-light:    300;   /* @kind font */
  --fw-regular:  400;   /* @kind font */
  --fw-medium:   500;   /* @kind font */
  --fw-bold:     700;   /* @kind font */
  --fw-black:    900;   /* @kind font */

  /* Type scale (rem, 16px base) */
  --text-3xs: 0.6875rem; /* 11 */
  --text-2xs: 0.75rem;   /* 12 */
  --text-xs:  0.8125rem; /* 13 */
  --text-sm:  0.875rem;  /* 14 */
  --text-base:1rem;      /* 16 */
  --text-md:  1.125rem;  /* 18 */
  --text-lg:  1.375rem;  /* 22 */
  --text-xl:  1.75rem;   /* 28 */
  --text-2xl: 2.25rem;   /* 36 */
  --text-3xl: 3rem;      /* 48 */
  --text-4xl: 4rem;      /* 64 */
  --text-5xl: 5.5rem;    /* 88 */

  /* Line heights */
  --leading-tight:  1.05;
  --leading-snug:   1.2;
  --leading-normal: 1.5;
  --leading-relaxed:1.7;

  /* Letter spacing — the brand leans on generous tracking */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.15em;
  --tracking-widest: 0.28em;   /* eyebrows / small caps labels */

  /* Semantic roles */
  --display-family: var(--font-display);
  --display-weight: var(--fw-thin);
  --display-tracking: var(--tracking-wide);

  --heading-family: var(--font-display);
  --heading-weight: var(--fw-medium);

  --body-family: var(--font-sans);
  --body-weight: var(--fw-light);

  --eyebrow-family: var(--font-display);
  --eyebrow-weight: var(--fw-bold);
  --eyebrow-tracking: var(--tracking-widest);
}