/* Pastel Color Theme for MkDocs Material */

:root {
  /* Light mode pastel colors */
  --md-primary-fg-color: #9b8ec1;           /* Soft lavender */
  --md-primary-fg-color--light: #b3a5d4;    /* Light lavender */
  --md-primary-fg-color--dark: #7c6fa8;     /* Darker lavender */
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #faf8ff;    /* Very light lavender background */
  
  --md-accent-fg-color: #f4a6b3;            /* Pastel pink */
  --md-accent-fg-color--transparent: #f4a6b31a;
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #fff0f2;     /* Very light pink background */
  
  /* Text colors */
  --md-text-color: #5a5a6e;                 /* Soft dark grey */
  --md-text-link-color: #9b8ec1;            /* Lavender links */
  
  /* Background colors */
  --md-default-bg-color: #fdfcff;           /* Soft off-white with lavender tint */
  --md-default-bg-color--light: #ffffff;
  --md-default-bg-color--lighter: #ffffff;
  --md-default-bg-color--lightest: #ffffff;
  
  /* Code block colors */
  --md-code-bg-color: #f5f3ff;              /* Very light lavender */
  --md-code-fg-color: #6b5d8a;              /* Soft purple text */
  --md-code-hl-color: #ffe4e9;              /* Soft pink highlight */
  
  /* Admonition colors - pastel variants */
  --md-admonition-bg-color: #faf8ff;
  --md-admonition-fg-color: #5a5a6e;
  
  /* Navigation colors */
  --md-footer-bg-color: #e8e2f5;            /* Light pastel purple */
  --md-footer-bg-color--dark: #d6cee8;      /* Slightly darker pastel purple */
  --md-footer-fg-color: #5a5a6e;
  --md-footer-fg-color--light: #6b6b7e;
  --md-footer-fg-color--lighter: #7c7c8e;
}

/* Dark mode pastel colors */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #b3a5d4;           /* Soft lavender for dark mode */
  --md-primary-fg-color--light: #c5b9e3;
  --md-primary-fg-color--dark: #9b8ec1;
  --md-primary-bg-color: #2e2e3e;
  --md-primary-bg-color--light: #3a3a4a;
  
  --md-accent-fg-color: #ffb3c1;            /* Soft pink for dark mode */
  --md-accent-fg-color--transparent: #ffb3c11a;
  --md-accent-bg-color: #2e2e3e;
  --md-accent-bg-color--light: #3a3a4a;
  
  /* Dark mode backgrounds with pastel tints */
  --md-default-bg-color: #2a2a3a;           /* Soft dark with purple tint */
  --md-default-bg-color--light: #323243;
  --md-default-bg-color--lighter: #3a3a4b;
  --md-default-bg-color--lightest: #424254;
  
  /* Text colors for dark mode */
  --md-text-color: #e0d9f0;                 /* Light lavender text */
  --md-text-link-color: #c5b9e3;            /* Brighter lavender links */
  
  /* Code colors for dark mode */
  --md-code-bg-color: #3a3649;              /* Dark with purple tint */
  --md-code-fg-color: #d4c9e8;              /* Light lavender code text */
  --md-code-hl-color: #4a3649;              /* Soft purple highlight */
  
  /* Footer colors for dark mode */
  --md-footer-bg-color: #353545;            /* Dark pastel purple */
  --md-footer-bg-color--dark: #2e2e3e;
  --md-footer-fg-color: #d0c9e0;
  --md-footer-fg-color--light: #c0b9d0;
  --md-footer-fg-color--lighter: #b0a9c0;
}

/* Custom header styling with gradient */
.md-header {
  background: linear-gradient(135deg, #9b8ec1 0%, #b3a5d4 50%, #c5b9e3 100%);
}

[data-md-color-scheme="slate"] .md-header {
  background: linear-gradient(135deg, #3a3649 0%, #4a3649 50%, #3a2639 100%);
}

/* Ensure header text is visible */
.md-header__title {
  font-weight: 500;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.md-header__topic {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.md-header__button {
  color: rgba(255, 255, 255, 0.95);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.md-header__button:hover {
  color: rgba(255, 255, 255, 1);
}

/* Make navigation links more visible */
.md-tabs__link {
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.md-tabs__link--active {
  font-weight: 600;
}

/* Soft rounded corners for code blocks */
.highlight pre {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(155, 142, 193, 0.1);
}

[data-md-color-scheme="slate"] .highlight pre {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Navigation tabs with pastel hover effects */
.md-tabs__link {
  transition: all 0.3s ease;
}

.md-tabs__link:hover {
  background-color: rgba(155, 142, 193, 0.1);
}

[data-md-color-scheme="slate"] .md-tabs__link:hover {
  background-color: rgba(179, 165, 212, 0.1);
}

/* Soft shadows for cards and content blocks */
.md-typeset table:not([class]) {
  box-shadow: 0 2px 10px rgba(155, 142, 193, 0.08);
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Admonition boxes with pastel colors */
.md-typeset .admonition {
  border-radius: 8px;
  border-left: 4px solid;
}

.md-typeset .admonition.note {
  border-left-color: #a8c8ec;  /* Pastel blue */
  background-color: #f0f6ff;
}

.md-typeset .admonition.tip {
  border-left-color: #a8d8c8;  /* Pastel green */
  background-color: #f0fff6;
}

.md-typeset .admonition.warning {
  border-left-color: #ffc8a8;  /* Pastel orange */
  background-color: #fff6f0;
}

.md-typeset .admonition.danger {
  border-left-color: #ffb3c1;  /* Pastel pink */
  background-color: #fff0f3;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.note {
  background-color: #2a3442;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
  background-color: #2a3a34;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
  background-color: #3a3a2a;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.danger {
  background-color: #3a2a30;
}

/* Search results with pastel highlights */
.md-search-result mark {
  background-color: #ffe4e9;
  color: inherit;
}

[data-md-color-scheme="slate"] .md-search-result mark {
  background-color: #4a3649;
}

/* Soft hover effects for navigation */
.md-nav__link:hover {
  color: #9b8ec1;
  background-color: rgba(155, 142, 193, 0.05);
  border-radius: 4px;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #c5b9e3;
  background-color: rgba(197, 185, 227, 0.05);
}

/* Content area styling */
.md-content {
  padding-top: 1rem;
}

.md-typeset h1 {
  color: #7c6fa8;
  border-bottom: 2px solid #e8e2f5;
  padding-bottom: 0.5rem;
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #c5b9e3;
  border-bottom-color: #4a4a5a;
}

.md-typeset h2 {
  color: #9b8ec1;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #b3a5d4;
}

/* Button styling with pastel colors */
.md-button {
  background-color: #9b8ec1;
  border-radius: 20px;
  transition: all 0.3s ease;
}

.md-button:hover {
  background-color: #b3a5d4;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(155, 142, 193, 0.3);
}

[data-md-color-scheme="slate"] .md-button {
  background-color: #b3a5d4;
}

[data-md-color-scheme="slate"] .md-button:hover {
  background-color: #c5b9e3;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}