/* Avalue typography — two families, no exceptions.
   Helvetica Now Display sets everything by default.
   Reckless Neue is reserved for important titles and key information; it never sets body copy. */
:root{
  --font-display:"Reckless Neue",Georgia,"Times New Roman",serif;
  --font-sans:"Helvetica Now Display",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  /* Two families. Nothing else — no third face, no fallback brand font.
     Helvetica Now Display is the default: it sets everything.
     Reckless Neue is reserved for important titles and key information. */

  --weight-display-regular:400;
  --weight-display-medium:500;
  --weight-regular:400;
  --weight-medium:500;
  --weight-light:300;
  --weight-bold:700;

  /* Display — Reckless Neue, always tight: lh 1, ls -0.03em. */
  --size-display-xl:96px;
  --size-display-l:64px;
  --size-display-m:46px;
  --size-display-s:42px;
  --size-display-xs:34px;
  --tracking-display:-0.03em;
  --leading-display:1;

  /* Grotesque headings & statements. */
  --size-heading-xl:62px;
  --size-heading-l:56px;
  --size-heading-m:36px;
  --size-heading-s:28px;

  /* Body & UI. */
  --size-body-l:24px;
  --size-body-m:20px;
  --size-body:16px;
  --size-body-s:14px;
  --leading-body:1.5;
  --leading-ui:1.3;
  --leading-tight:1.2;
}

.av-display{font-family:var(--font-display);font-weight:var(--weight-display-medium);font-size:var(--size-display-xl);line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--text-display)}
.av-display-l{font-family:var(--font-display);font-weight:var(--weight-display-regular);font-size:var(--size-display-l);line-height:1;color:var(--text-display)}
.av-heading{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-heading-l);line-height:var(--leading-tight);color:var(--text-primary)}
.av-eyebrow{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-heading-m);line-height:1.08;color:var(--text-display)}
.av-lede{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-body-l);line-height:var(--leading-body);color:var(--text-primary)}
.av-body{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-body);line-height:var(--leading-body);color:var(--text-primary)}
.av-ui{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-body-s);line-height:var(--leading-ui);color:var(--text-secondary)}
.av-legal{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--size-body-s);line-height:var(--leading-ui);color:var(--text-inverse-muted)}