/* H&CO Strategy — typography tokens.
   Three families, three roles:
     Display serif (HCO Display) — hero / section heads, weight 400 only.
     Body serif    (HCO Serif)   — long-form article body, bylines.
     Sans          (HCO Sans)    — nav, buttons, metadata, eyebrows. */

:root {
  /* Families ----------------------------------------------------------- */
  --font-display: "HCO Display", "Playfair Display", Georgia, "Times New Roman", serif;
  --font-serif:   "HCO Serif", "Lora", "Source Serif Pro", Georgia, serif;
  --font-sans:    "HCO Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  /* Weights ------------------------------------------------------------ */
  --font-weight-regular: 400;
  --font-weight-bold:    700;

  /* Display scale — always weight 400 --------------------------------- */
  --type-display-hero-size:  64px;
  --type-display-hero-lh:    59.5px;
  --type-display-hero-ls:    -0.5px;

  --type-display-lg-size:    48px;
  --type-display-lg-lh:      50.4px;
  --type-display-lg-ls:      -0.4px;

  --type-display-md-size:    32px;
  --type-display-md-lh:      35.2px;
  --type-display-md-ls:      -0.3px;

  --type-display-sm-size:    26px;
  --type-display-sm-lh:      28px;
  --type-display-sm-ls:      0;

  --type-display-xs-size:    20px;
  --type-display-xs-lh:      24px;
  --type-display-xs-ls:      -0.28px;

  /* Body — serif ------------------------------------------------------- */
  --type-body-serif-lg-size: 19px;
  --type-body-serif-lg-lh:   27.93px;
  --type-body-serif-lg-ls:   0.108px;

  --type-body-serif-md-size: 16px;
  --type-body-serif-md-lh:   24px;
  --type-body-serif-md-ls:   0.09px;

  /* Body — sans ------------------------------------------------------- */
  --type-body-md-size:       17px;
  --type-body-md-lh:         20px;
  --type-body-md-ls:         0;

  --type-body-md-strong-size: 17px;
  --type-body-md-strong-lh:   22px;
  --type-body-md-strong-ls:   -0.144px;

  --type-body-sm-size:       14px;
  --type-body-sm-lh:         18px;
  --type-body-sm-ls:         0.4px;

  --type-body-sm-strong-size: 14px;
  --type-body-sm-strong-lh:   18px;
  --type-body-sm-strong-ls:   0.4px;

  /* Byline — serif bold, relaxed line-height */
  --type-byline-size:        12.73px;
  --type-byline-lh:          28px;
  --type-byline-ls:          0.108px;

  --type-caption-size:       12px;
  --type-caption-lh:         16px;
  --type-caption-ls:         0;

  --type-button-md-size:     16px;
  --type-button-md-lh:       20px;
  --type-button-md-ls:       0.3px;
}