/* Match the project's Material Design 3 Purple theme */

:root {
  /* Light mode overrides */
  --md-primary-fg-color: #6750A4;        /* Purple for light mode */
  --md-primary-fg-color--light: #D0BCFF;
  --md-primary-fg-color--dark: #381E72;
  --md-accent-fg-color: #D0BCFF;         /* Bright purple for accents */
}

[data-md-color-scheme="slate"] {
  /* Dark mode - match project exactly */
  
  /* Header/Navbar - truly dark background */
  --md-primary-fg-color: #1C1B1F;        /* Dark background - same as body */
  --md-primary-fg-color--light: #E8DEF8;
  --md-primary-fg-color--dark: #0D0D0F;
  --md-primary-bg-color: #E6E1E5;
  
  /* Accent - bright purple for links, buttons, active states */
  --md-accent-fg-color: #D0BCFF;         /* M3 Purple primary - same as frontend */
  --md-accent-fg-color--transparent: rgba(208, 188, 255, 0.1);
  
  /* Background colors to match project */
  --md-default-bg-color: #1C1B1F;        /* Same as project background.default */
  --md-default-fg-color: #E6E1E5;        /* Same as project text.primary */
  --md-default-fg-color--light: #CAC4D0; /* Same as project text.secondary */
  
  /* Code block colors */
  --md-code-bg-color: #2B2930;           /* Same as project paper background */
  --md-code-fg-color: #E6E1E5;
  
  /* Links - use bright purple */
  --md-typeset-a-color: #D0BCFF;
  
  /* Table of contents active item */
  --md-typeset-table-color: #2B2930;
}

/* Enhanced purple highlights for dark mode */
[data-md-color-scheme="slate"] {
  /* Sidebar active nav item */
  .md-nav__link--active {
    color: #D0BCFF !important;
  }
  
  /* Hover states */
  .md-nav__link:hover {
    color: #E8DEF8 !important;
  }
  
  /* Search highlights */
  .md-search-result__meta {
    background-color: #2B2930;
  }
  
  /* Admonition headers */
  .md-typeset .admonition-title {
    background-color: rgba(208, 188, 255, 0.1);
  }
}

/* Rounded corners and colors to match project */
.md-button {
  border-radius: 44px !important;        /* Match project button radius */
}

/* Primary button - filled purple */
.md-button--primary {
  background-color: #6750A4 !important;
  color: white !important;
  border-color: #6750A4 !important;
}

.md-button--primary:hover {
  background-color: #7965AF !important;
  border-color: #7965AF !important;
}

[data-md-color-scheme="slate"] .md-button--primary {
  background-color: #D0BCFF !important;
  color: #1C1B1F !important;
  border-color: #D0BCFF !important;
}

[data-md-color-scheme="slate"] .md-button--primary:hover {
  background-color: transparent !important;
  color: #D0BCFF !important;
  border-color: #D0BCFF !important;
}

/* Secondary button - outlined purple */
.md-button:not(.md-button--primary) {
  color: #6750A4 !important;
  border-color: #6750A4 !important;
}

.md-button:not(.md-button--primary):hover {
  background-color: rgba(103, 80, 164, 0.1) !important;
  border-color: #7965AF !important;
}

[data-md-color-scheme="slate"] .md-button:not(.md-button--primary) {
  color: #D0BCFF !important;
  border-color: #D0BCFF !important;
}

[data-md-color-scheme="slate"] .md-button:not(.md-button--primary):hover {
  background-color: rgba(208, 188, 255, 0.1) !important;
  border-color: #E8DEF8 !important;
}

/* Logo styling */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2rem;
}

/* Clean separator between header and content */
[data-md-color-scheme="slate"] .md-header {
  box-shadow: 0 0 0.2rem rgba(0,0,0,.1), 0 0.2rem 0.4rem rgba(0,0,0,.2);
}

/* Improve sidebar appearance */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: transparent;
}

/* Better content cards */
[data-md-color-scheme="slate"] .md-typeset .admonition,
[data-md-color-scheme="slate"] .md-typeset details {
  border: none;
  box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.05), 0 0 0.05rem rgba(0,0,0,.1);
}

/* Tabs styling */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: #1C1B1F;
  border-bottom: 0.05rem solid rgba(208, 188, 255, 0.1);
}

/* Code blocks with subtle borders */
[data-md-color-scheme="slate"] .md-typeset pre > code {
  border-radius: 0.5rem;
}

/* Navigation path breadcrumbs */
[data-md-color-scheme="slate"] .md-path {
  color: #CAC4D0;
}