/* App color tokens */
:root {
  --drumbuddy-primary: #81C4EE;
  --drumbuddy-secondary: #C9E6F8;
  --drumbuddy-accent: #0D7AE7;
}

/* Light theme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: var(--drumbuddy-primary);
  --md-primary-fg-color--light: var(--drumbuddy-secondary);
  --md-primary-fg-color--dark: var(--drumbuddy-accent);

  --md-accent-fg-color: var(--drumbuddy-accent);
}

/* Dark theme (slightly punchier works better) */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #4da3dd;
  --md-accent-fg-color: #4da3dd;
}
/* Header & tab gradient */
.md-header,
.md-tabs {
  background: #0D7AE7;
}
.md-header__title {
  font-weight: 600;
  letter-spacing: 0.3px;
}
.md-content__inner {
  background-color: rgba(201, 230, 248, 0.15);
  border-radius: 8px;
  padding: 2rem;
}
.md-header__button.md-logo img {
  height: 28px;
}