/* Batanat website typography. Embedded product UI keeps its own typefaces. */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/bricolage-grotesque.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-primary: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-mono: 'Bricolage Grotesque', system-ui, sans-serif;
  font-family: var(--font-primary);
}
body { font-family: var(--font-primary); font-optical-sizing: auto; }
button, input, select, textarea { font-family: inherit; }
/* The workspace is a faithful app preview, not marketing typography. */
.product-window { font-family: system-ui, sans-serif; --font-mono: ui-monospace, 'SF Mono', Menlo, monospace; }