/* ------------------------------------------------- */
/* Aurora Theme Colors and General Variables (merged)*/
/* ------------------------------------------------- */
:root {
  /* Aurora Theme Colors (HEX) */
  --aurora-light: #f5f7f7;
  --aurora-dark: #1a1a1a;
  --aurora-primary: #056056;
  --aurora-secondary: #09342b;
  --aurora-accent: #043855;
  --aurora-highlight: #097d8c;
  --aurora-deep: #0e1122;
  --aurora-deeper: #0e0f19;
  --aurora-blue: #052d4a;

  /* Additional Colors (HEX) */
  --aurora-success: #2ecc71;
  --aurora-warning: #f1c40f;
  --aurora-error: #e74c3c;
  --aurora-info: #3498db;

  /* Text Colors (HEX) */
  --text-primary: #1a1a1a;
  --text-secondary: #4a4a4a;
  --text-light: #ffffff;
  --text-muted: #6c757d;

  /* RGB Variables for Glassmorphism */
  --md-primary-fg-color-light-rgb: 9, 125, 140;
  --md-primary-fg-color-dark-rgb: 5, 45, 74;

  /* Blur Values */
  --blur-sm: 4px;
  --blur-md: 8px;
  --blur-lg: 12px;
  --blur-xl: 16px;
}

/* -------------------------------------------- */
/* Enhanced Components                          */
/* -------------------------------------------- */

/* Cards with Glassmorphism */
.grid.cards > ul > li {
  background: linear-gradient(
    135deg,
    rgba(var(--md-primary-fg-color-light-rgb), 0.1),
    rgba(var(--md-primary-fg-color-dark-rgb), 0.2)
  );
  backdrop-filter: blur(var(--blur-md));
  -webkit-backdrop-filter: blur(var(--blur-md));
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow-md);
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid.cards > ul > li:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  backdrop-filter: blur(var(--blur-lg));
  -webkit-backdrop-filter: blur(var(--blur-lg));
}

/* Header with Blur */
.md-header {
  background-color: rgba(var(--md-primary-fg-color--dark-rgb), 0.8);
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
}

/* Search Modal with Glassmorphism */
.md-search__overlay {
  backdrop-filter: blur(var(--blur-xl));
  -webkit-backdrop-filter: blur(var(--blur-xl));
}

.md-search__form {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(var(--blur-md));
  -webkit-backdrop-filter: blur(var(--blur-md));
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: var(--shadow-md);
  border-radius: 0.75rem;
}

/* Tables with Glassmorphism */
.md-typeset table:not([class]) {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}

/* Code Blocks with Blur */
.md-typeset pre {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
}

/* Admonitions with Glassmorphism */
.md-typeset .admonition {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
}

/* Footer with Blur */
.md-footer {
  background: linear-gradient(
    135deg,
    rgba(var(--md-primary-fg-color--dark-rgb), 0.9),
    rgba(var(--md-primary-fg-color--dark-rgb), 0.8)
  );
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
}

/* Tabs with Glassmorphism */
.md-tabs {
  background: rgba(var(--md-primary-fg-color--dark-rgb), 0.8);
  backdrop-filter: blur(var(--blur-sm));
  -webkit-backdrop-filter: blur(var(--blur-sm));
}

/* -------------------------------------------- */
/* Light Theme Overrides                        */
/* -------------------------------------------- */
[data-md-color-scheme="default"] {
  .md-header,
  .md-tabs {
    background: var(--aurora-primary);
  }

  .md-nav {
    background: var(--aurora-light);
  }

  .md-typeset .admonition,
  .md-typeset table:not([class]),
  .md-typeset pre {
    background: var(--aurora-light);
    border: 1px solid var(--aurora-primary);
  }

  .md-footer {
    background: var(--aurora-primary);
    color: var(--text-light);
  }

  .md-search__overlay {
    background: var(--aurora-light);
  }
}

/* -------------------------------------------- */
/* Dark Theme Overrides                         */
/* -------------------------------------------- */
[data-md-color-scheme="slate"] {
  .md-header,
  .md-tabs {
    background: rgba(14, 17, 34, 0.9);
  }

  .md-nav {
    background: rgba(14, 17, 34, 0.8);
  }

  .md-typeset .admonition,
  .md-typeset table:not([class]),
  .md-typeset pre {
    background: rgba(14, 17, 34, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.1);
  }

  .md-footer {
    background: rgba(14, 15, 25, 0.9);
  }

  .md-search__overlay {
    background: rgba(14, 17, 34, 0.9);
  }
}

/* -------------------------------------------- */
/* Responsive Design                            */
/* -------------------------------------------- */
@media screen and (max-width: 76.1875em) {
  .grid.cards > ul {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------- */
/* Print Styles                                 */
/* -------------------------------------------- */
@media print {
  .grid.cards > ul > li,
  .md-typeset .admonition,
  .md-typeset table:not([class]),
  .md-typeset pre {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
  }
}