/* Custom styles for embsec/dev documentation */

/* Google Docs inspired dark color theme - muted primary with accent touches */
:root {
  --embsec-dark-bg: #1f1f1f;
  --embsec-muted-primary: #5f6368;
  --embsec-dark-primary: #3c4043;
  --embsec-light-gray: #9aa0a6;
  --embsec-text-light: #e8eaed;
  
  /* Accent colors - used sparingly */
  --embsec-purple-accent: #c58af9;
  --embsec-blue-accent: #4285f4;
  --embsec-teal-accent: #1aa260;
}

/* Use muted gray as primary color */
[data-md-color-primary="cyan"] {
  --md-primary-fg-color: #5f6368;
  --md-primary-fg-color--light: #6f7479;
  --md-primary-fg-color--dark: #3c4043;
}

/* Use muted blue as accent color */
[data-md-color-accent="purple"] {
  --md-accent-fg-color: #5f6368;
  --md-accent-fg-color--transparent: rgba(95, 99, 104, 0.1);
}

/* Code blocks - subtle accent */
.highlight pre {
  font-size: 0.9em;
  border-left: 3px solid var(--embsec-muted-primary);
  background-color: rgba(31, 31, 31, 0.3);
}

/* Navigation improvements */
.md-nav__title {
  font-weight: 600;
}

/* Tables - muted styling */
.md-typeset table {
  font-size: 0.9em;
}

.md-typeset table:not([class]) th {
  background: rgba(95, 99, 104, 0.1);
  color: var(--embsec-light-gray);
}

/* Admonitions - only here we use accent colors */
.md-typeset .admonition {
  font-size: 0.95em;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: var(--embsec-teal-accent);
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #ff9800;
}

.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: var(--embsec-blue-accent);
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--embsec-purple-accent);
}

/* API reference styling */
.md-typeset h3 code {
  font-size: 0.95em;
  font-weight: 600;
}

/* Terminal output styling */
pre.console {
  background: #1e1e1e;
  color: #d4d4d4;
}

/* Terminal prompt styling - subtle accent */
.language-bash .highlight pre::before {
  content: "$ ";
  color: var(--embsec-light-gray);
  font-weight: bold;
}

/* Enhanced dark theme styling - muted approach */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  color: var(--embsec-text-light);
}

/* Links - subtle blue accent only on interaction */
.md-typeset a {
  color: var(--embsec-light-gray);
}

.md-typeset a:hover {
  color: var(--embsec-blue-accent);
}

/* Logo styling - make it bigger */
.md-header__button.md-logo {
  width: 2.4rem;
  height: 2.4rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  width: 100%;
  height: 100%;
}

/* Header title margin adjustment */
[dir="ltr"] .md-header__title {
  margin-left: 0.5rem;
}

/* Improve mobile experience */
@media screen and (max-width: 768px) {
  .md-typeset table:not([class]) {
    display: block;
    overflow-x: auto;
  }
}

/* Hide Material for MkDocs footer attribution */
.md-footer-meta__inner {
  display: none;
}