custom.css

/* Custom CSS for theming marimo notebooks */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --marimo-heading-font: 'Noto Serif', 'sans-serif';
  --marimo-text-font: 'Noto Sans', 'sans-serif';
  --marimo-monospace-font: 'Noto Sans Mono', 'monospace';
}

/* Increase paragraph font size and change color */
/* .paragraph {
  font-size: 1.2rem;
  color: light-dark(rgb(28, 43, 72), rgb(194, 213, 244));
}

.h1 {
    font-weight: bold;
}

.h2 {
    font-weight: lighter;
}

.h3 {
    font-size: smaller;
    font-weight: bold;
}

.h4 {
    font-size: smaller;
    font-weight: lighter;
} */