/* Cameron Ashley — typography (Wave 1, 2026-05-13)
   Inter → IBM Plex stack. Plex Sans is the body face (industrial character,
   designed for IBM hardware UIs); Plex Sans Condensed handles display heads
   so wordmarks like F^ST get a wider weight range without changing family;
   Plex Mono drives tabular numerics (prices, SKUs, qty-break tables, totals)
   so $/comma columns line up. All Apache 2.0. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@500;600;700&display=swap');

body, .preview {
    /* Base */
    --dw-base-font-size: 16px;
    --dw-type-scale: 1.25;
    /* Paragraphs */
    --dw-font-family: "IBM Plex Sans";
    --dw-font-style: normal;
    --dw-font-weight: 400;
    --dw-letter-spacing: 0;
    --dw-line-height: 1.55;
    --dw-text-transform: none;
}

h1, h2, h3, h4, h5, h6,
.dw-h1, .dw-h2, .dw-h3, .dw-h4, .dw-h5, .dw-h6 {
    --dw-font-family: "IBM Plex Sans Condensed";
    --dw-font-weight: 700;
    --dw-letter-spacing: -0.01em;
    --dw-line-height: 1.18;
    --dw-text-transform: none;
}

[data-dw-button] {
    --dw-font-family: "IBM Plex Sans";
    --dw-font-weight: 600;
    --dw-letter-spacing: 0.01em;
    --dw-line-height: 1.1;
    --dw-text-transform: none;
}