/* ============================================================
   WINKER — TYPOGRAPHY TOKENS
   Single family: Open Sans (300/400/600/700). No display/serif face.
   The platform is information-dense; sizes skew compact (13–14px base).
   ============================================================ */

:root {
  /* Family */
  --font-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: var(--font-sans);
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  /* Weights */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* Type scale (px) — anchored on the product's 13px UI base */
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-md:   13px;   /* default body / form control */
  --fs-base: 14px;   /* comfortable body */
  --fs-lg:   16px;
  --fs-xl:   18px;
  --fs-2xl:  22px;   /* portlet / modal titles */
  --fs-3xl:  28px;
  --fs-4xl:  34px;
  --fs-5xl:  44px;

  /* Line heights */
  --lh-tight:   1.2; /* @kind other */
  --lh-snug:    1.35; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --ls-tight:  -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide:   0.04em;   /* @kind other */
}