:root {
  --md-primary-fg-color:        #2e3440;
  --md-primary-fg-color--light: #4c566a;
  --md-primary-fg-color--dark:  #1d212a;
}

[data-md-color-scheme="slate"] {
  --md-default-fg-color:        #e5e9f0;
  --md-default-fg-color--light: #d8dee9;
  --md-default-bg-color:        #0b0e14;
  --md-default-bg-color--light: #1a1f29;
  
  /* AI Native / Future accents: Cyan / Neon Purple */
  --md-accent-fg-color:         #00d4ff;
  --md-accent-fg-color--transparent: rgba(0, 212, 255, 0.1);
}

/* Glassmorphism for Header */
.md-header {
  background-color: rgba(11, 14, 20, 0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Gradient background for the hero section or top-level UI */
.md-main {
  background: radial-gradient(circle at top left, rgba(0, 212, 255, 0.05), transparent 40%),
              radial-gradient(circle at bottom right, rgba(138, 43, 226, 0.05), transparent 40%);
}

/* Modern font and spacing */
body {
  letter-spacing: 0.01em;
}

/* AI-like glowing effect for buttons and active links */
.md-nav__link--active {
  color: var(--md-accent-fg-color) !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

.md-typeset h1, .md-typeset h2 {
    background: linear-gradient(90deg, #00d4ff, #8a2be2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
}

/* Customizing the search bar for a more futuristic look */
.md-search__form {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 20px !important;
    backdrop-filter: blur(5px);
}

/* Code block styling - subtle glow */
.highlight {
  border-radius: 8px;
  border: 1px solid rgba(0, 212, 255, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}