/* Import Space Grotesk from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* Pablo brand colors - apply to both light and dark modes */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #211C84;  /* Pablo blue */
  --md-primary-fg-color--light: #2e2598;
  --md-primary-fg-color--dark: #1a1669;
  --md-accent-fg-color: #FFAB5B;  /* Pablo orange */
  --md-accent-fg-color--transparent: rgba(255, 171, 91, 0.1);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #211C84;  /* Pablo blue */
  --md-primary-fg-color--light: #2e2598;
  --md-primary-fg-color--dark: #1a1669;
  --md-accent-fg-color: #FFAB5B;  /* Pablo orange */
  --md-accent-fg-color--transparent: rgba(255, 171, 91, 0.1);
}

/* Apply Space Grotesk to headings */
h1, h2, h3, h4, h5, h6,
.md-nav__title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
}

/* Black headings in light mode only (but not in navigation drawer) */
[data-md-color-scheme="default"] h1,
[data-md-color-scheme="default"] h2,
[data-md-color-scheme="default"] h3,
[data-md-color-scheme="default"] h4,
[data-md-color-scheme="default"] h5,
[data-md-color-scheme="default"] h6 {
  color: #000000 !important;
}

/* Keep header title with theme colors */
.md-header__title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  color: white !important;
}

/* ONLY mobile drawer header should have Pablo blue background */
.md-overlay ~ .md-nav--primary .md-nav__title {
  background-color: #211C84 !important;
  color: white !important;
}

/* Desktop sidebar section titles should NOT have background */
.md-nav__title {
  background-color: transparent !important;
  color: var(--md-default-fg-color) !important;
  font-weight: 700 !important;
}

/* Make header match main app background */
.md-header {
  background-color: #211C84 !important;
}

/* Make logo circular */
.md-header__button.md-logo img,
.md-logo img {
  border-radius: 50%;
  background-color: white;
}