/* Galactic Dynamics Theme
 * A cosmic color palette inspired by deep space, nebulae, and stellar dynamics
 */

:root {
  /* Primary palette - Deep space blues and cosmic purples */
  --md-primary-fg-color: #1e3a5f;
  --md-primary-fg-color--light: #2d5a8a;
  --md-primary-fg-color--dark: #0f1f33;

  /* Accent - Cosmic cyan (like hot stars and nebulae) */
  --md-accent-fg-color: #00d4ff;
  --md-accent-fg-color--transparent: rgba(0, 212, 255, 0.1);

  /* Custom cosmic colors for use in content */
  --galactic-nebula-purple: #7c3aed;
  --galactic-star-gold: #ffd699;
  --galactic-nova-pink: #ec4899;
  --galactic-void-dark: #0f0f23;
  --galactic-core-white: #fff4e0;
}

/* Dark mode overrides */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f0f23;
  --md-default-fg-color: #e0e0e0;
  --md-default-fg-color--light: #b0b0b0;
  --md-default-fg-color--lighter: #808080;

  --md-primary-fg-color: #1e3a5f;
  --md-primary-bg-color: #e0e0e0;

  --md-accent-fg-color: #00d4ff;

  /* Code blocks with cosmic feel */
  --md-code-bg-color: #161629;
  --md-code-fg-color: #e0e0e0;

  /* Footer */
  --md-footer-bg-color: #0a0a14;
  --md-footer-bg-color--dark: #050508;
}

/* Light mode - subtle cosmic hints */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #1e3a5f;
  --md-accent-fg-color: #0095b3;

  --md-code-bg-color: #f5f5fa;
}

/* Header styling */
.md-header {
  background: linear-gradient(135deg, var(--md-primary-fg-color--dark) 0%, var(--md-primary-fg-color) 100%);
}

/* Navigation tabs with subtle glow effect */
.md-tabs {
  background: linear-gradient(180deg, var(--md-primary-fg-color) 0%, var(--md-primary-fg-color--dark) 100%);
}

/* Links with cosmic accent */
.md-content a:not(.md-button) {
  color: var(--md-accent-fg-color);
}

.md-content a:not(.md-button):hover {
  color: var(--galactic-nebula-purple);
}

/* Code highlighting accents */
[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .cm {
  color: #6b7280;
}

[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kd {
  color: var(--galactic-nebula-purple);
}

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2 {
  color: var(--galactic-star-gold);
}

[data-md-color-scheme="slate"] .highlight .nf,
[data-md-color-scheme="slate"] .highlight .nc {
  color: var(--md-accent-fg-color);
}

[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf {
  color: var(--galactic-nova-pink);
}

/* Admonitions with cosmic colors */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-accent-fg-color);
}

.md-typeset .admonition.note > .admonition-title,
.md-typeset details.note > summary {
  background-color: rgba(0, 212, 255, 0.1);
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--galactic-nebula-purple);
}

.md-typeset .admonition.tip > .admonition-title,
.md-typeset details.tip > summary {
  background-color: rgba(124, 58, 237, 0.1);
}

/* Math equations - subtle glow in dark mode */
[data-md-color-scheme="slate"] .MathJax {
  color: var(--galactic-core-white);
}

/* Tables with cosmic styling */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
}

/* Scrollbar styling for cosmic feel */
[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: var(--md-primary-fg-color);
}

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

/* Logo animation on hover */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  transition: transform 0.3s ease;
}

.md-header__button.md-logo:hover img,
.md-header__button.md-logo:hover svg {
  transform: rotate(15deg) scale(1.1);
}

/* Navigation item hover with cosmic glow */
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: var(--md-accent-fg-color);
}

/* Search bar styling */
[data-md-color-scheme="slate"] .md-search__input {
  background-color: rgba(30, 58, 95, 0.5);
}

[data-md-color-scheme="slate"] .md-search__input:focus {
  background-color: rgba(30, 58, 95, 0.8);
  border-color: var(--md-accent-fg-color);
}