/* ─── MR.HOMES — Typography Tokens ────────────────────────────────────── */

:root {
  /* ── Font families ── */
  --font-display:   'Cocogoose Pro', 'Arial Narrow', Arial, sans-serif;
  --font-body:      'Fira Sans Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-accent:    'Fira Sans Condensed', 'Arial Narrow', Arial, sans-serif;

  /* ── Type scale (rem) ── */
  --text-xs:    0.6875rem;  /* 11px */
  --text-sm:    0.8125rem;  /* 13px */
  --text-base:  1rem;       /* 16px */
  --text-lg:    1.125rem;   /* 18px */
  --text-xl:    1.375rem;   /* 22px */
  --text-2xl:   1.75rem;    /* 28px */
  --text-3xl:   2.25rem;    /* 36px */
  --text-4xl:   3rem;       /* 48px */
  --text-5xl:   4rem;       /* 64px */
  --text-6xl:   5.5rem;     /* 88px */
  --text-7xl:   7.5rem;     /* 120px */
  --text-8xl:   10rem;      /* 160px */

  /* ── Line heights ── */
  --leading-none:     0.9;
  --leading-tight:    1.0;
  --leading-snug:     1.15;
  --leading-normal:   1.5;
  --leading-relaxed:  1.65;
  --leading-loose:    1.8;

  /* ── Letter spacing ── */
  --tracking-tightest: -0.04em;
  --tracking-tighter:  -0.02em;
  --tracking-tight:    -0.01em;
  --tracking-normal:   0em;
  --tracking-wide:     0.06em;
  --tracking-wider:    0.12em;
  --tracking-widest:   0.22em;

  /* ── Font weights ── */
  --weight-thin:       100;
  --weight-ultralight: 200;
  --weight-light:      300;
  --weight-regular:    400;
  --weight-medium:     500;
  --weight-semibold:   600;
  --weight-bold:       700;
  --weight-extrabold:  800;

  /* ── Semantic type roles ── */
  /* Display: Cocogoose, uppercase, tight */
  --type-display-family:   var(--font-display);
  --type-display-weight:   var(--weight-bold);
  --type-display-transform: uppercase;
  --type-display-leading:  var(--leading-none);
  --type-display-tracking: var(--tracking-tighter);

  /* Eyebrow / label: Fira Sans italic, wide tracking */
  --type-eyebrow-family:   var(--font-accent);
  --type-eyebrow-weight:   var(--weight-medium);
  --type-eyebrow-style:    italic;
  --type-eyebrow-transform: uppercase;
  --type-eyebrow-tracking: var(--tracking-widest);
  --type-eyebrow-size:     var(--text-sm);

  /* Body: Fira Sans regular */
  --type-body-family:      var(--font-body);
  --type-body-weight:      var(--weight-regular);
  --type-body-leading:     var(--leading-relaxed);

  /* UI (buttons, labels): Fira Sans semibold, wide spacing */
  --type-ui-family:        var(--font-body);
  --type-ui-weight:        var(--weight-semibold);
  --type-ui-transform:     uppercase;
  --type-ui-tracking:      var(--tracking-wider);
}