/* Benton Sans, two weights at opposite ends:
     Light — everything (nav, reading text, labels, form)
     Black — titles, section heads, the button
   Light tries: installed Light → Adobe Fonts kit (benton-sans ExtraLight, loaded
   in the header) → self-hosted Regular.
   Black tries: installed Black → self-hosted Medium. (The kit is skipped for
   Black: it only has the thin weights, so it would land on ExtraLight.)
   Add Light and Black to the Adobe kit and every visitor gets the real pair. */
@font-face { font-family: "Benton Light"; font-weight: 100 449; font-display: swap;
  src: local("BentonSans Light"), local("BentonSans-Light"); }
@font-face { font-family: "Benton Black"; font-weight: 450 900; font-display: swap;
  src: local("BentonSans Black"), local("BentonSans-Black"); }

/* self-hosted fallbacks */
@font-face { font-family: "Benton"; font-weight: 100 449; font-display: swap;
  src: url("/assets/fonts/BentonSans-Regular.woff2") format("woff2"); }
@font-face { font-family: "Benton"; font-weight: 450 900; font-display: swap;
  src: url("/assets/fonts/BentonSans-Medium.woff2") format("woff2"); }

/* older rules still name this family */
@font-face { font-family: "BentonSans-Regular"; font-display: swap;
  src: url("/assets/fonts/BentonSans-Regular.woff2") format("woff2"); }

:root {
  --font:       "Benton", "Helvetica Neue", Helvetica, Arial, sans-serif;   /* Benton Sans Regular, self-hosted (no Light) */
  --font-heavy: "Benton Black", "Benton", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --light: 400; --medium: 500; --heavy: 900;   /* "light" now means Regular: no light-weight type on the site */
  --size: 12px;            /* the one size: nav, labels, titles, buttons (as ysl.com) */
  --size-read: 13px;       /* running text, sentence case */
  --lh: 1.34;              /* 16px on 12px, as ysl.com */
  --track: .01em;          /* uppercase tracking, as ysl.com (0.12px) */
  --track-heavy: .03em;    /* Black needs a hair more air in caps */
  --ink: #000;
  --ink-2: #6b6b6b;        /* placeholders and hints only */
  --rule: #000;
}
