@font-face {
  font-family: 'Filson Pro';
  src: url('/assets/pomodoro/fonts/filson-pro-black.woff') format('woff');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face { font-family: 'DM Sans'; src: url('/assets/pomodoro/fonts/dm-sans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/pomodoro/fonts/dm-sans-500.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/pomodoro/fonts/dm-sans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/pomodoro/fonts/dm-sans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; }
html, body, button, input, textarea, select { font-family: 'DM Sans', sans-serif; }

h1, h1 span, h1 em, h2, h2 span, h2 em {
  font-family: 'Filson Pro', sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
  letter-spacing: -.035em !important;
}
h1 { align-items: baseline !important; }
/* Header labels use the compact reading face to preserve the navigation. */
header[data-header-stick], header[data-header-stick] :is(div, span, button) {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -.02em !important;
}