/* Brand fonts — Denim (display) and PP Mori (body), self-hosted. Loaded from the layout ; also defines the font stacks used by Tailwind's font-sans / font-display utilities (see @theme in app.css). */ @font-face { font-family: "PPMori"; src: url("/assets/fonts/PPMori/PPMori-Light.woff2") format("woff2"), url("/assets/fonts/PPMori/PPMori-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "PPMori"; src: url("/assets/fonts/PPMori/PPMori-Book.woff2") format("woff2"), url("/assets/fonts/PPMori/PPMori-Book.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "PPMori"; src: url("/assets/fonts/PPMori/PPMori-SemiBold.woff2") format("woff2"), url("/assets/fonts/PPMori/PPMori-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } /* Denim — display face (headings, the footer wordmark). Replaces PP Mori for --font-display; PP Mori stays the body face. TRIAL files: the supplied set is Dinamo's trial, which isn't licensed for a live site and may be missing glyphs. Swap in the licensed .woff2 files (same weights) before launch — the filenames keep -TRIAL so it's obvious. Only the upright weights in use are loaded: 300, 400, 500, 600, 700. */ @font-face { font-family: "Denim"; src: url("/assets/fonts/Denim/Denim-TRIAL-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Denim"; src: url("/assets/fonts/Denim/Denim-TRIAL-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Denim"; src: url("/assets/fonts/Denim/Denim-TRIAL-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Denim"; src: url("/assets/fonts/Denim/Denim-TRIAL-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Denim"; src: url("/assets/fonts/Denim/Denim-TRIAL-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } /* OT Brut (Off Type) — accent face, used for numerals and small labels. The mono cut is the one with the tabular, slashed-zero figures. woff2 built from the supplied .otf files; the .otf originals are kept alongside as the source. */ @font-face { font-family: "OTBrut"; src: url("/assets/fonts/OTBrut/OTBrut-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "OTBrutMono"; src: url("/assets/fonts/OTBrut/OTBrut-RegularMono.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } :root { --font-sans: "PPMori", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-display: "Denim", "PPMori", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-accent: "OTBrut", var(--font-sans); --font-numeric: "OTBrutMono", ui-monospace, SFMono-Regular, Menlo, monospace; } /* Inter — the product's UI font (SIL Open Font License), used only where the site draws a piece of the app live, e.g. the bento card's client / internal switcher. */ @font-face { font-family: "Inter"; src: url("/assets/fonts/Inter/Inter-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/assets/fonts/Inter/Inter-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/assets/fonts/Inter/Inter-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }