@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #ff0080;
  --md-primary-fg-color--light: #ff33a1;
  --md-primary-fg-color--dark: #cc0066;
  
  --md-accent-fg-color: #ff0080;
  --md-accent-fg-color--transparent: #ff008033;
  
  --md-default-bg-color: #0a0e27;
  --md-default-bg-color--light: #0f1435;
  --md-default-bg-color--lighter: #141a40;
  
  --md-default-fg-color: #f0f0f0;
  --md-default-fg-color--light: #b8b8b8;
  --md-default-fg-color--lighter: #808080;
  
  /* --md-code-bg-color: #0f1435; */
  --md-code-bg-color: #0a0e27;
  --md-typeset-a-color: #ff0080;
}

[data-md-color-scheme="slate"] .md-main,
[data-md-color-scheme="slate"] .md-content {
  background: linear-gradient(180deg, #0a0e27 0%, #0f1435 50%, #141a40 100%);
}

.md-header {
  background-color: rgba(10, 14, 39, 0.6) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

[data-md-color-scheme="default"] .md-header {
  background-color: rgba(232, 232, 234, 0.6) !important;
}

.md-tabs {
  background-color: transparent !important;
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color: #e8e8ea;        
  --md-primary-fg-color--light: #f3f3f5;
  --md-primary-fg-color--dark: #d0d0d5;
  
  --md-accent-fg-color: #ff0080;
  --md-accent-fg-color--transparent: #ff008033;
  
  --md-default-bg-color: #ffffff;
  --md-default-bg-color--light: #f8fafc;
  --md-default-bg-color--lighter: #e2e8f0;
  
  --md-default-fg-color: #1e293b;
  --md-default-fg-color--light: #475569;
  --md-default-fg-color--lighter: #64748b;
  
  --md-code-bg-color: #f1f5f9;
  --md-typeset-a-color: #d6006f;
}

/* Fix header text color in light mode */
[data-md-color-scheme="default"] .md-header {
  color: #1e293b;
}

[data-md-color-scheme="default"] .md-header__title,
[data-md-color-scheme="default"] .md-header__topic {
  color: #1e293b;
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: #475569;
}

[data-md-color-scheme="default"] .md-tabs__link--active {
  color: #1e293b;
}

.md-header__topic .md-ellipsis,
.md-header__title .md-ellipsis {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}

.md-nav__title .md-nav__button.md-logo {
  display: none !important;
}

.md-header__button.md-logo {
  display: none !important;
}

.md-nav--primary .md-nav__title[for="__drawer"] {
  height: auto !important;
  padding: 0.8rem !important;
  line-height: 1.5 !important;
}

[data-md-color-scheme="slate"] {
  /* Comments */
  .highlight .c,
  .highlight .c1,
  .highlight .cm,
  .highlight .cp,
  .highlight .cs {
    color: #ff10f0;
    font-style: italic;
    font-weight: 500;
  }
  
  /* Keywords */
  .highlight .k,
  .highlight .kd,
  .highlight .kn,
  .highlight .kr,
  .highlight .kv {
    color: #7dcfff;
    font-weight: 500;
  }
  
  /* Strings */
  .highlight .s,
  .highlight .s1,
  .highlight .s2,
  .highlight .sb,
  .highlight .sc {
    color: #ff9e64;
  }
  
  /* Functions */
  .highlight .nf,
  .highlight .fm {
    color: #ff0080;
  }
  
  /* Variables/Names */
  .highlight .n,
  .highlight .na,
  .highlight .nb {
    color: #c0caf5;
  }
  
  /* Numbers */
  .highlight .m,
  .highlight .mi,
  .highlight .mf {
    color: #bb9af7;
  }
  
  /* Operators */
  .highlight .o,
  .highlight .ow {
    color: #89ddff;
  }
  
  /* Classes */
  .highlight .nc {
    color: #7aa2f7;
  }
  
  /* Decorators/Annotations */
  .highlight .nd {
    color: #ff007c;
  }
}

/* === LIGHT MODE SYNTAX === */
[data-md-color-scheme="default"] {
  /* Comments */
  .highlight .c,
  .highlight .c1,
  .highlight .cm,
  .highlight .cp,
  .highlight .cs {
    color: #6a737d;
    font-style: italic;
  }
  
  /* Keywords */
  .highlight .k,
  .highlight .kd,
  .highlight .kn,
  .highlight .kr,
  .highlight .kv {
    color: #0550ae;
    font-weight: 500;
  }
  
  /* Strings */
  .highlight .s,
  .highlight .s1,
  .highlight .s2,
  .highlight .sb,
  .highlight .sc {
    color: #c7511f;
  }
  
  /* Functions */
  .highlight .nf,
  .highlight .fm {
    color: #d6006f;
  }
  
  /* Variables */
  .highlight .n,
  .highlight .na,
  .highlight .nb {
    color: #24292f;
  }
  
  /* Numbers */
  .highlight .m,
  .highlight .mi,
  .highlight .mf {
    color: #8250df;
  }
  
  /* Operators */
  .highlight .o,
  .highlight .ow {
    color: #0969da;
  }
  
  /* Classes */
  .highlight .nc {
    color: #0969da;
  }
  
  /* Decorators */
  .highlight .nd {
    color: #d6006f;
  }
}