/* Custom EverSharp color palette based on #1A6278 */
:root {
  /* Light variations of #1A6278 */
  --md-primary-fg-color: #1A6278;
  --md-primary-fg-color--light: #2a7f99;
  --md-primary-fg-color--dark: #134c5e;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  
  /* Accent colors using lighter variation */
  --md-accent-fg-color: #2a7f99;
  --md-accent-fg-color--transparent: #2a7f991a;
  --md-accent-bg-color: #fff;
  --md-accent-bg-color--light: #ffffffb3;
}

/* Dark mode palette */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2a7f99;
  --md-primary-fg-color--light: #3d99b3;
  --md-primary-fg-color--dark: #1A6278;
  --md-primary-bg-color: #1f1f1f;
  --md-primary-bg-color--light: #1f1f1fb3;
  
  --md-accent-fg-color: #3d99b3;
  --md-accent-fg-color--transparent: #3d99b31a;
  --md-accent-bg-color: #1f1f1f;
  --md-accent-bg-color--light: #1f1f1fb3;
}

/* Add white circular background to logo */
.md-header__button.md-logo {
  background-color: white;
  border-radius: 50%;
  padding: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-left: 10px;
}