/* ===========================================================================
   Ashby Lumber — Typography Tokens
   Slab-serif headlines, Arial body for dense, scannable manuals, script accent.
   =========================================================================== */

:root {
  /* --- Families --- */
  --font-display: 'Zilla Slab', 'Breakers Slab', Rockwell, 'Roboto Slab', serif;  /* headlines */
  --font-body:    Arial, 'Helvetica Neue', Helvetica, sans-serif;                  /* long-form body */
  --font-script:  'Kaushan Script', cursive;                                       /* 1–2 word accents only */

  /* --- Type scale (rem, 16px root). Manual-friendly, generous. --- */
  --text-display:  3.5rem;   /* 56px — cover / section openers */
  --text-h1:       2.5rem;   /* 40px */
  --text-h2:       1.875rem; /* 30px */
  --text-h3:       1.375rem; /* 22px */
  --text-h4:       1.125rem; /* 18px — small headers / eyebrows */
  --text-body-lg:  1.125rem; /* 18px — lead paragraphs */
  --text-body-md:  1rem;     /* 16px — default body */
  --text-body-sm:  0.875rem; /* 14px — captions, table cells */
  --text-caption:  0.75rem;  /* 12px — fine print / labels */

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

  /* --- Line heights --- */
  --leading-tight:  1.1;   /* display headlines */
  --leading-snug:   1.25;  /* headings */
  --leading-normal: 1.6;   /* body — generous for readability */
  --leading-relaxed: 1.75; /* lead / spacious body */

  /* --- Letter spacing --- */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;  /* eyebrows / small caps labels */
  --tracking-wider:   0.12em;  /* all-caps section labels */
}