/* VidStitch Documentation - Custom Theme */
/* Styled to match VidRush dark documentation theme */

:root {
  /* Dark background colors */
  --md-primary-fg-color: #8B5CF6;
  --md-primary-fg-color--light: #A78BFA;
  --md-primary-fg-color--dark: #7C3AED;
  --md-accent-fg-color: #A78BFA;
  
  /* Custom dark scheme overrides */
  --custom-bg-dark: #0f0f0f;
  --custom-bg-sidebar: #141414;
  --custom-bg-content: #0f0f0f;
  --custom-border: #2a2a2a;
  --custom-text: #e0e0e0;
  --custom-text-muted: #888888;
  --custom-purple: #8B5CF6;
  --custom-purple-light: #A78BFA;
}

/* Dark mode (slate) customizations */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--custom-bg-dark);
  --md-default-fg-color: var(--custom-text);
  --md-default-fg-color--light: var(--custom-text-muted);
  --md-primary-fg-color: var(--custom-purple);
  --md-accent-fg-color: var(--custom-purple-light);
  --md-typeset-a-color: var(--custom-purple-light);
}

/* Sidebar styling */
[data-md-color-scheme="slate"] .md-sidebar {
  background-color: var(--custom-bg-sidebar);
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: var(--custom-text);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  padding: 0.8rem 0.6rem 0.4rem;
  margin-top: 1rem;
}

[data-md-color-scheme="slate"] .md-nav__item--nested > .md-nav__link {
  color: var(--custom-text-muted);
  font-weight: 500;
}

[data-md-color-scheme="slate"] .md-nav__link {
  color: var(--custom-text-muted);
  padding: 0.5rem 0.6rem;
  border-radius: 4px;
  transition: all 0.15s ease;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--custom-text);
  background-color: rgba(139, 92, 246, 0.1);
}

[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  color: var(--custom-purple-light);
  background-color: rgba(139, 92, 246, 0.15);
  font-weight: 500;
}

/* Header styling */
[data-md-color-scheme="slate"] .md-header {
  background-color: var(--custom-bg-dark);
  border-bottom: 1px solid var(--custom-border);
  box-shadow: none;
}

[data-md-color-scheme="slate"] .md-header__title {
  font-weight: 600;
}

/* Content area */
[data-md-color-scheme="slate"] .md-main {
  background-color: var(--custom-bg-content);
}

[data-md-color-scheme="slate"] .md-content {
  background-color: var(--custom-bg-content);
}

/* Typography improvements */
.md-typeset h1 {
  color: var(--custom-text);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.md-typeset h2 {
  color: var(--custom-text);
  font-weight: 600;
  border-bottom: 1px solid var(--custom-border);
  padding-bottom: 0.5rem;
  margin-top: 2rem;
}

.md-typeset h3 {
  color: var(--custom-text);
  font-weight: 600;
}

/* Links */
[data-md-color-scheme="slate"] .md-typeset a {
  color: var(--custom-purple-light);
  text-decoration: none;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: var(--custom-purple);
  text-decoration: underline;
}

/* Code blocks */
[data-md-color-scheme="slate"] .md-typeset code {
  background-color: rgba(139, 92, 246, 0.1);
  color: var(--custom-purple-light);
  border-radius: 4px;
  padding: 0.1em 0.4em;
}

[data-md-color-scheme="slate"] .md-typeset pre {
  background-color: #1a1a1a;
  border: 1px solid var(--custom-border);
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-typeset pre code {
  background-color: transparent;
  color: var(--custom-text);
}

/* Tables */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background-color: var(--custom-bg-sidebar);
  border: 1px solid var(--custom-border);
  border-radius: 8px;
  overflow: hidden;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: rgba(139, 92, 246, 0.1);
  color: var(--custom-text);
  font-weight: 600;
  border-bottom: 1px solid var(--custom-border);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-bottom: 1px solid var(--custom-border);
}

/* Admonitions / Callouts */
[data-md-color-scheme="slate"] .md-typeset .admonition {
  border-radius: 8px;
  border: 1px solid var(--custom-border);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.note {
  border-left: 4px solid var(--custom-purple);
}

[data-md-color-scheme="slate"] .md-typeset .admonition.tip {
  border-left: 4px solid #10B981;
}

[data-md-color-scheme="slate"] .md-typeset .admonition.warning {
  border-left: 4px solid #F59E0B;
}

/* Search */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: var(--custom-bg-sidebar);
  border: 1px solid var(--custom-border);
  border-radius: 8px;
}

[data-md-color-scheme="slate"] .md-search__input:focus {
  border-color: var(--custom-purple);
}

/* Footer */
[data-md-color-scheme="slate"] .md-footer {
  background-color: var(--custom-bg-sidebar);
  border-top: 1px solid var(--custom-border);
}

/* Scrollbar styling */
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background: var(--custom-bg-dark);
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: var(--custom-border);
  border-radius: 4px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: var(--custom-purple);
}

/* Navigation tabs (top) */
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--custom-bg-dark);
  border-bottom: 1px solid var(--custom-border);
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: var(--custom-text-muted);
}

[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: var(--custom-purple-light);
}

/* Blockquotes */
[data-md-color-scheme="slate"] .md-typeset blockquote {
  border-left: 4px solid var(--custom-purple);
  background-color: rgba(139, 92, 246, 0.05);
  padding: 1rem;
  border-radius: 0 8px 8px 0;
}