:root {
  --brosco-font-sans: "Open Sans", Arial, sans-serif;
  --brosco-font-serif: "Gentium Basic", Times, serif;
  --brosco-font-jp-serif: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝B", "MS Mincho", serif;
  --brosco-text-color: #3a3a3a;
  --brosco-border-color: #dcdcdc;
  --brosco-surface-muted: #f5f5f5;
  --brosco-space-xs: 8px;
  --brosco-space-sm: 16px;
  --brosco-space-md: 24px;
  --brosco-space-lg: 40px;
  --brosco-space-xl: 60px;
}

body,
button,
input,
select,
textarea {
  color: var(--brosco-text-color);
  font-family: var(--brosco-font-sans);
}

.entry-content p,
.entry-content li {
  font-family: var(--brosco-font-jp-serif);
}

.entry-title,
.page-title {
  text-transform: none;
}