/* Kiteploy brand colors - matching landing page */
:root {
  --md-primary-fg-color: #3b82f6;
  --md-primary-fg-color--light: #60a5fa;
  --md-primary-fg-color--dark: #2563eb;
  --md-accent-fg-color: #8b5cf6;
  --md-accent-fg-color--transparent: rgba(139, 92, 246, 0.1);
}

/* Dark scheme - matching login page background #07070a */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #07070a;
  --md-default-bg-color--light: #0e0e14;
  --md-default-fg-color: rgba(255, 255, 255, 0.9);
  --md-default-fg-color--light: rgba(255, 255, 255, 0.5);
  --md-code-bg-color: rgba(255, 255, 255, 0.03);
  --md-code-fg-color: #D4D4D4;
  --md-typeset-color: rgba(255, 255, 255, 0.85);
  --md-footer-bg-color: #0e0e14;
  --md-footer-bg-color--dark: #07070a;
}

/* Sidebar */
.md-sidebar {
  background: #07070a;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

/* Header */
.md-header {
  background: rgba(7, 7, 10, 0.95) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Navigation links */
.md-nav__link--active {
  color: var(--md-primary-fg-color) !important;
}

/* Sidebar section titles (nav groups) */
.md-nav__item--section > .md-nav__link,
.md-nav__title {
  color: #fff !important;
  font-weight: 700 !important;
}

/* Indent subsection items under sidebar titles */
.md-nav__item--section > .md-nav > .md-nav__list {
  padding-left: 0.75rem;
}

/* Code blocks - no borders, clean look */
.md-typeset pre > code,
.md-typeset .highlight pre,
.md-typeset .highlight code {
  background: rgba(255, 255, 255, 0.03) !important;
  border: none !important;
  border-radius: 0.75rem;
}

.md-typeset .highlight {
  border: none !important;
  box-shadow: none !important;
}

.md-typeset code {
  border-radius: 0.375rem;
}

/* Inline code */
.md-typeset :not(pre) > code {
  background: rgba(255, 255, 255, 0.06);
  border: none;
  color: #60a5fa;
}

/* Syntax highlighting - VS Code Dark+ theme */
[data-md-color-scheme="slate"] .highlight .c,
[data-md-color-scheme="slate"] .highlight .c1,
[data-md-color-scheme="slate"] .highlight .cm,
[data-md-color-scheme="slate"] .highlight .ch,
[data-md-color-scheme="slate"] .highlight .cs,
[data-md-color-scheme="slate"] .highlight .cp { color: #6A9955; font-style: italic; }  /* Comments - green */

[data-md-color-scheme="slate"] .highlight .k,
[data-md-color-scheme="slate"] .highlight .kn,
[data-md-color-scheme="slate"] .highlight .kr { color: #C586C0; }                      /* Keywords (control) - pink */
[data-md-color-scheme="slate"] .highlight .kd,
[data-md-color-scheme="slate"] .highlight .kp,
[data-md-color-scheme="slate"] .highlight .kt { color: #569CD6; }                      /* Keywords (declaration) - blue */

[data-md-color-scheme="slate"] .highlight .s,
[data-md-color-scheme="slate"] .highlight .s1,
[data-md-color-scheme="slate"] .highlight .s2,
[data-md-color-scheme="slate"] .highlight .sa,
[data-md-color-scheme="slate"] .highlight .sb,
[data-md-color-scheme="slate"] .highlight .sc,
[data-md-color-scheme="slate"] .highlight .sh,
[data-md-color-scheme="slate"] .highlight .si,
[data-md-color-scheme="slate"] .highlight .dl,
[data-md-color-scheme="slate"] .highlight .sd,
[data-md-color-scheme="slate"] .highlight .ss,
[data-md-color-scheme="slate"] .highlight .sx { color: #CE9178; }                      /* Strings - orange */
[data-md-color-scheme="slate"] .highlight .se { color: #D7BA7D; }                      /* String.Escape - gold */

[data-md-color-scheme="slate"] .highlight .m,
[data-md-color-scheme="slate"] .highlight .mi,
[data-md-color-scheme="slate"] .highlight .mf,
[data-md-color-scheme="slate"] .highlight .mh,
[data-md-color-scheme="slate"] .highlight .mo,
[data-md-color-scheme="slate"] .highlight .mb,
[data-md-color-scheme="slate"] .highlight .il { color: #B5CEA8; }                      /* Numbers - light green */

[data-md-color-scheme="slate"] .highlight .n { color: #D4D4D4; }                       /* Names - light gray */
[data-md-color-scheme="slate"] .highlight .na { color: #9CDCFE; }                      /* Name.Attribute - light blue */
[data-md-color-scheme="slate"] .highlight .nb { color: #DCDCAA; }                      /* Name.Builtin - yellow */
[data-md-color-scheme="slate"] .highlight .nc { color: #4EC9B0; }                      /* Name.Class - teal */
[data-md-color-scheme="slate"] .highlight .nf { color: #DCDCAA; }                      /* Name.Function - yellow */
[data-md-color-scheme="slate"] .highlight .nd { color: #DCDCAA; }                      /* Name.Decorator - yellow */
[data-md-color-scheme="slate"] .highlight .ni { color: #569CD6; }                      /* Name.Entity - blue */
[data-md-color-scheme="slate"] .highlight .nn { color: #4EC9B0; }                      /* Name.Namespace - teal */
[data-md-color-scheme="slate"] .highlight .nt { color: #569CD6; }                      /* Name.Tag - blue */
[data-md-color-scheme="slate"] .highlight .nx { color: #9CDCFE; }                      /* Name.Other - light blue */
[data-md-color-scheme="slate"] .highlight .nv,
[data-md-color-scheme="slate"] .highlight .vm { color: #9CDCFE; }                      /* Name.Variable - light blue */

[data-md-color-scheme="slate"] .highlight .o { color: #D4D4D4; }                       /* Operators - light gray */
[data-md-color-scheme="slate"] .highlight .ow { color: #569CD6; }                      /* Operator.Word - blue */

[data-md-color-scheme="slate"] .highlight .p { color: #D4D4D4; }                       /* Punctuation */

[data-md-color-scheme="slate"] .highlight .gd { color: #CE9178; background: rgba(206, 17, 38, 0.1); }  /* Diff deleted */
[data-md-color-scheme="slate"] .highlight .gi { color: #B5CEA8; background: rgba(16, 152, 72, 0.1); }  /* Diff inserted */
[data-md-color-scheme="slate"] .highlight .gh { color: #569CD6; font-weight: bold; }   /* Diff header */

[data-md-color-scheme="slate"] .highlight .ge { font-style: italic; }                  /* Generic.Emph */
[data-md-color-scheme="slate"] .highlight .gs { font-weight: bold; }                   /* Generic.Strong */
[data-md-color-scheme="slate"] .highlight .err { color: #F44747; }                     /* Error - red */

/* Whitespace - inherits base color */
[data-md-color-scheme="slate"] .highlight .w { color: inherit; }

/* Shell prompt and commands */
[data-md-color-scheme="slate"] .highlight .gp { color: #6A9955; }                      /* Generic.Prompt - green */
[data-md-color-scheme="slate"] .highlight .go { color: #D4D4D4; }                      /* Generic.Output */

/* Enhanced bash highlighting - VS Code Dark+ style */
[data-md-color-scheme="slate"] .highlight .sh-cmd { color: #DCDCAA; }                  /* Commands (curl, kite) - yellow */
[data-md-color-scheme="slate"] .highlight .sh-flag { color: #569CD6; }                 /* Flags (--language, -fsSL) - blue */
[data-md-color-scheme="slate"] .highlight .sh-url { color: #CE9178; }                  /* URLs - orange (string-like) */
[data-md-color-scheme="slate"] .highlight .sh-path { color: #CE9178; }                 /* Paths (/usr/local) - orange (string-like) */
[data-md-color-scheme="slate"] .highlight .sh-arg { color: #9CDCFE; }                  /* Arguments - light blue (variable-like) */

/* Copy button - icon only, no background */
.md-clipboard,
.md-code__button,
.md-clipboard::before,
.md-code__button::before {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.md-clipboard:hover,
.md-code__button:hover {
  background: none !important;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Tabbed blocks - no borders */
.md-typeset .tabbed-set {
  border: none;
}

.md-typeset .tabbed-content {
  border: none !important;
  box-shadow: none;
}

.md-typeset .tabbed-labels {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 0.75rem;
}

.md-typeset .tabbed-labels > label {
  border-radius: 0.5rem 0.5rem 0 0;
  color: rgba(255, 255, 255, 0.5);
}

.md-typeset .tabbed-labels > label--active,
.md-typeset .tabbed-labels > .tabbed-labels__label--active {
  color: #fff;
}

/* Admonitions */
.md-typeset .admonition {
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

/* Cards */
.md-typeset .grid.cards > ul > li {
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.02) !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.03);
}

/* Tables */
.md-typeset table:not([class]) {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0.5rem;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  background: rgba(255, 255, 255, 0.04);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.md-typeset table:not([class]) td {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}

/* Footer */
.md-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Search bar */
.md-search__input {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.md-search__input:focus {
  border-color: rgba(59, 130, 246, 0.5);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Content area max width */
.md-content {
  max-width: 900px;
}

/* Logo sizing */
.md-header__button.md-logo img {
  height: 1.5rem;
  width: auto;
}

/* Scrollbar matching login style */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #07070a;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}