@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');

/* Define Corporate Colors */
.light-mode {
  --grundfarbe: rgb(204, 221, 203);
  --akzentfarbe: rgb(0, 180, 132);
  --scalar-color-accent: var(--akzentfarbe);
}

/* Apply Grundfarbe to Sidebar and Header */
.light-mode .t-doc__sidebar {
  --scalar-sidebar-background-1: var(--grundfarbe);
  --scalar-sidebar-item-active-background: #ffffff;
  --scalar-sidebar-color-active: var(--akzentfarbe);
}

.light-mode .t-doc__header {
  --scalar-header-background-1: var(--grundfarbe);
}

/* Customize Headings */
h1 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

h2 {
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

h3 {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}

/* Customize Body Text */
p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  font-family: 'Montserrat', sans-serif;
}