/* Maki's Club — typography tokens.
   Three faces in fixed roles. Archivo's expanded widths (112–118) are
   headline-only; body and UI run at normal width (100). */
:root {
  /* Families */
  --mk-font-display: 'Archivo', sans-serif;      /* display + headings + body */
  --mk-font-serif:   'Instrument Serif', serif;  /* italic flavor + "Club" */
  --mk-font-mono:    'IBM Plex Mono', monospace; /* labels, console, metadata */

  /* Width axis (Archivo variable) */
  --mk-wdth-display: 118; /* @kind other */
  --mk-wdth-heading: 112; /* @kind other */
  --mk-wdth-body:    100; /* @kind other */

  /* Weights */
  --mk-weight-display: 900;
  --mk-weight-heading: 850;
  --mk-weight-strong:  700;
  --mk-weight-body:    400;

  /* Role sizes (fluid clamps sized to the brand book) */
  --mk-text-display: clamp(48px, 9vw, 128px);
  --mk-text-h1:      clamp(34px, 5vw, 56px);
  --mk-text-h2:      clamp(28px, 4.2vw, 44px);
  --mk-text-h3:      19px;
  --mk-text-body-lg: 17px;
  --mk-text-body:    16px;
  --mk-text-body-sm: 15px;
  --mk-text-flavor:  22px;   /* Instrument Serif italic, 18–26 range */
  --mk-text-label:   12px;   /* IBM Plex Mono, 11–14 range */

  /* Letter-spacing */
  --mk-ls-display: -0.01em;
  --mk-ls-heading: -0.01em;
  --mk-ls-label:   0.18em;   /* mono labels ride +14–22% */
  --mk-ls-label-wide: 0.22em;

  /* Line-height */
  --mk-lh-tight:   0.95; /* @kind other */
  --mk-lh-heading: 1.05; /* @kind other */
  --mk-lh-body:    1.6;  /* @kind other */
}
