/* Custom color scheme for SPQR Team */
:root {
  /* Primary colors (header, navigation) */
  --md-primary-fg-color:        #822433;  /* Blue header */
  --md-primary-fg-color--light: #822433;  /* Lighter blue */
  --md-primary-fg-color--dark:  #822433;  /* Darker blue */

  /* Accent colors (links, buttons) */
  --md-accent-fg-color:         #a34454;  /* Orange accent */
  --md-accent-fg-color--light:  rgb(199, 103, 119);  /* Lighter orange */
  --md-accent-fg-color--dark:   #691523;  /* Darker orange */

  /* Background colors */
  --md-default-bg-color:        #ffffff;  /* Main background */
  --md-default-fg-color:        #000000;  /* Main text */
  --md-default-fg-color--light: #757575;  /* Secondary text */
  --md-default-fg-color--lighter: #9e9e9e; /* Tertiary text */

  /* Code block colors */
  --md-code-bg-color:           #f5f5f5;  /* Code background */
  --md-code-fg-color:           #37474f;  /* Code text */
}

/* Dark mode colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #822433;  /* Blue header for dark mode */
  --md-primary-fg-color--light: #822433;
  --md-primary-fg-color--dark:  #822433;

  --md-accent-fg-color:         #a34454;  /* Orange accent for dark mode */
  --md-accent-fg-color--light:  #rgb(199, 103, 119);
  --md-accent-fg-color--dark:   #691523;

  --md-default-bg-color:        #121212;  /* Dark background */
  --md-default-fg-color:        #ffffff;  /* Light text */
  --md-default-fg-color--light: #aaaaaa;
  --md-default-fg-color--lighter: #888888;

  --md-code-bg-color:           #2e2e2e;
  --md-code-fg-color:           #e0e0e0;
}

/* Custom header styling */
.md-header {
  background: linear-gradient(45deg, var(--md-primary-fg-color), var(--md-primary-fg-color--light));
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Move color palette toggle to the far right */
.md-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.md-header__topic {
  flex-grow: 1;
}

.md-header__option {
  margin-left: auto;
  order: 10;
}

/* Ensure the search and palette buttons are on the right */
.md-header__button[for="__search"] {
  order: 8;
}

.md-header__button[for="__palette"] {
  order: 9;
  margin-left: 0.5rem;
}

/* Custom navigation styling */
.md-nav__item--active > .md-nav__link {
  color: var(--md-accent-fg-color);
  font-weight: 600;
}

/* Custom button styling */
.md-button {
  background-color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}

.md-button:hover {
  background-color: var(--md-accent-fg-color--dark);
  border-color: var(--md-accent-fg-color--dark);
}

/* Custom footer styling */
.md-footer {
  background-color: var(--md-primary-fg-color);
  color: #ffffff;
}

.md-footer__inner {
  background-color: var(--md-primary-fg-color);
}

.md-footer__link {
  color: #ffffff;
}

.md-footer__link:hover {
  color: var(--md-accent-fg-color--light);
}

.md-footer__title {
  color: #ffffff;
}

.md-footer__direction {
  color: #ffffff;
}