/* ═══════════════════════════════════════════════════════════
   NAAICO Light Theme for MkDocs Material
   Based on naaico.com brand: clean light with teal accents
   ═══════════════════════════════════════════════════════════ */

:root {
  --naaico-bg:           #ffffff;
  --naaico-bg-alt:       #f8f9fa;
  --naaico-surface:      #f1f3f5;
  --naaico-surface-alt:  #e9ecef;
  --naaico-accent:       #0097a7;
  --naaico-accent-dim:   rgba(0, 151, 167, 0.10);
  --naaico-accent-hover: #00838f;
  --naaico-text:         #1a1a2e;
  --naaico-text-dim:     #5f6368;
  --naaico-border:       rgba(0, 0, 0, 0.08);
}

/* ── Light scheme ────────────────────────────────────────── */

[data-md-color-scheme="default"] {
  --md-default-bg-color:         var(--naaico-bg);
  --md-default-fg-color:         var(--naaico-text);
  --md-primary-fg-color:         var(--naaico-text);
  --md-primary-bg-color:         var(--naaico-text);
  --md-accent-fg-color:          var(--naaico-accent);
  --md-typeset-a-color:          var(--naaico-accent);
  --md-code-bg-color:            var(--naaico-surface);
  --md-code-fg-color:            var(--naaico-text);
  --md-footer-bg-color:          var(--naaico-bg-alt);
  --md-footer-fg-color:          var(--naaico-text-dim);
}

/* Header */
[data-md-color-scheme="default"] .md-header {
  background-color: var(--naaico-bg);
  color: var(--naaico-text);
  border-bottom: 1px solid var(--naaico-border);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-md-color-scheme="default"] .md-header__button {
  color: var(--naaico-text);
}

[data-md-color-scheme="default"] .md-header__topic {
  color: var(--naaico-text);
}

/* Tabs */
[data-md-color-scheme="default"] .md-tabs {
  background-color: var(--naaico-bg-alt);
  border-bottom: 1px solid var(--naaico-border);
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: var(--naaico-text-dim);
  opacity: 1;
}

[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link:hover {
  color: var(--naaico-accent);
  opacity: 1;
}

/* Active nav link */
[data-md-color-scheme="default"] .md-nav__link--active {
  color: var(--naaico-accent);
  font-weight: 600;
}

/* Sidebar */
[data-md-color-scheme="default"] .md-sidebar {
  background-color: var(--naaico-bg);
}

/* Code blocks */
[data-md-color-scheme="default"] .highlight pre,
[data-md-color-scheme="default"] .highlighttable {
  background-color: var(--naaico-surface) !important;
  border: 1px solid var(--naaico-border);
  border-radius: 8px;
}

/* Inline code */
[data-md-color-scheme="default"] code {
  background-color: var(--naaico-surface);
  color: var(--naaico-accent-hover);
  border-radius: 4px;
  padding: 0.1em 0.3em;
}

/* Admonitions */
[data-md-color-scheme="default"] .md-typeset .admonition,
[data-md-color-scheme="default"] .md-typeset details {
  background-color: var(--naaico-bg-alt);
  border-left-color: var(--naaico-accent);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Tables */
[data-md-color-scheme="default"] .md-typeset table:not([class]) {
  background-color: var(--naaico-bg);
  border: 1px solid var(--naaico-border);
}

[data-md-color-scheme="default"] .md-typeset table:not([class]) th {
  background-color: var(--naaico-surface);
  color: var(--naaico-text);
  font-weight: 600;
}

/* Search bar */
[data-md-color-scheme="default"] .md-search__input {
  background-color: var(--naaico-surface);
  color: var(--naaico-text);
}

[data-md-color-scheme="default"] .md-search__input::placeholder {
  color: var(--naaico-text-dim);
}

[data-md-color-scheme="default"] .md-search__icon {
  color: var(--naaico-text-dim);
}

/* Footer */
[data-md-color-scheme="default"] .md-footer {
  border-top: 1px solid var(--naaico-border);
}

/* ── Scrollbar ───────────────────────────────────────────── */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--naaico-bg-alt);
}

::-webkit-scrollbar-thumb {
  background: var(--naaico-surface-alt);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--naaico-accent-dim);
}