/* ============================================================
   PIECE — Marketing site tokens
   Aligned to the Piece product UI style reference (19 Oct 2026)
   so the site and the app read as one system.
   Taken: type scale, cuts, weights, letter spacing, line height,
   colour, Stone 25% dividers, 8px steps, 72rem content width.
   Not taken: glass surfaces, sign-in card, switches, status
   colours, Space artwork, app header and soft-box nav state.

   Open: the product sets the wordmark at 45px on desktop. The
   site nav uses 22px because the supplied file is cropped tight
   to the letterforms. To be resolved with the designer.
   ============================================================ */

/* GT Standard cuts — S (default 'GT Standard', defined in the
   design system), M for the nav, L for 18px and up.
   Light and Regular only. */
@font-face { font-family: 'GT Standard L'; src: url('../assets/fonts/GT-Standard-L-Standard-Light.woff2') format('woff2'); font-weight: 100 349; font-style: normal; font-display: swap; }
@font-face { font-family: 'GT Standard L'; src: url('../assets/fonts/GT-Standard-L-Standard-Regular.woff2') format('woff2'); font-weight: 350 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'GT Standard M'; src: url('../assets/fonts/GT-Standard-M-Standard-Light.woff2') format('woff2'); font-weight: 100 349; font-style: normal; font-display: swap; }
@font-face { font-family: 'GT Standard M'; src: url('../assets/fonts/GT-Standard-M-Standard-Regular.woff2') format('woff2'); font-weight: 350 900; font-style: normal; font-display: swap; }

:root {
  --web-font-l: 'GT Standard L', system-ui, sans-serif;
  --web-font-m: 'GT Standard M', system-ui, sans-serif;
  --web-font-s: 'GT Standard', system-ui, sans-serif;

  /* Style           Cut  Size  Weight   */
  --web-text-title:     24px; /* L  Light   — page titles      */
  --web-text-lead:      18px; /* L  Light   — closing lines    */
  --web-text-number:    20px; /* S  Light   — prices           */
  --web-text-group:     16px; /* S  Regular — plan names       */
  --web-text-nav:       15px; /* M  Regular — nav links        */
  --web-text-body:      14px; /* S  Light paragraph / Regular UI */
  --web-text-secondary: 12px; /* S  Regular — meta, footer     */
  --web-text-label:     11px; /* S  Regular — UPPERCASE labels */

  --web-tracking:       normal;
  --web-tracking-label: 0.08em;

  --web-leading:        1.45;
  --web-leading-title:  1.2;

  --web-divider: 1px solid rgb(94 94 92 / 0.25); /* Stone 25% */

  --web-content-width: 72rem; /* 1152px */
}