/* 1. Import Titillium Web from Google Fonts (MUST be at the very top) */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

:root {
  /* Primary color: tumma lila */
  --md-primary-fg-color: #311B33;

  /* Accent color: tehoste */
  --md-accent-fg-color: #96239F;
}

.md-grid { 
  max-width: 70%; 
}

/* Force the resting AND visited link color (tehoste) */
.md-typeset a {
  color: #96239F !important;
}

/* Force the hover color (tumma lila) */
.md-typeset a:hover {
  color: #311B33 !important; 
}

/* Apply Titillium Web to all header levels */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web', sans-serif !important;
}

/* Optional: Also apply Titillium Web to the site title in the top navigation bar */
.md-header__topic {
    font-family: 'Titillium Web', sans-serif !important;
}