/* Sinni brand — mint #34DBA3, carried over from the mobile app. */

@import url("https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@500;600;700&display=swap");

:root {
  --md-primary-fg-color: #34dba3;
  --md-primary-fg-color--light: #5fe6bb;
  --md-primary-fg-color--dark: #1fae7f;
  /* Dark text/icons on the bright mint header. */
  --md-primary-bg-color: #0e0e0e;
  --md-primary-bg-color--light: rgba(14, 14, 14, 0.7);
}

/* Links/accents: a deeper green reads well on white… */
[data-md-color-scheme="default"] {
  --md-accent-fg-color: #0a7f5c;
}
/* …and mint reads well on dark. */
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #34dba3;
}

/* Roboto Serif for headings + the site title — matches the app's titles. */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__title {
  font-family: "Roboto Serif", Georgia, serif;
  font-weight: 600;
}

/* Show the logo mark in the header (the modern variant hides it by default),
   keep it tight to the "Sinni" wordmark, and keep the drawer toggle from
   sitting between the logo and the title. */
.md-header__button.md-logo {
  display: inline-flex;
  align-items: center;
  padding-right: 0.25rem;
}
.md-header__button.md-logo img {
  height: 1.5rem;
  width: auto;
}
.md-header__title {
  margin-left: 0.15rem;
}
.md-header__inner > .md-header__button.md-icon {
  order: -1;
}