/*
  Customizações de tema para MkDocs Material.
  Intenção: manter identidade editorial limpa, com paleta suave estilo Catppuccin.
*/

:root,
[data-md-color-scheme="slate"] {
  --iec-radius: 0.6rem;
  --iec-shadow: 0 8px 24px rgb(0 0 0 / 25%);

  /* Dark-first (Mocha-like) baseline for initial render */
  --iec-bg: #1e1e2e;
  --iec-surface: #181825;
  --iec-text: #cdd6f4;
  --iec-muted: #a6adc8;
  --iec-primary: #89b4fa;
  --iec-accent: #cba6f7;
  --iec-border: #313244;
  --iec-nav-text: #bac2de;
  --iec-nav-text-strong: #cdd6f4;
  --md-default-bg-color: var(--iec-bg);
  --md-default-fg-color: var(--iec-text);
  --md-primary-fg-color: var(--iec-primary);
  --md-accent-fg-color: var(--iec-accent);
  color-scheme: dark;
}

[data-md-color-scheme="default"] {
  /* Light-ish (Latte-like) values only after explicit toggle */
  --iec-bg: #eff1f5;
  --iec-surface: #e6e9ef;
  --iec-text: #4c4f69;
  --iec-muted: #6c6f85;
  --iec-primary: #1e66f5;
  --iec-accent: #8839ef;
  --iec-border: #ccd0da;
  --md-default-bg-color: var(--iec-bg);
  --md-default-fg-color: var(--iec-text);
  --md-primary-fg-color: var(--iec-primary);
  --md-accent-fg-color: var(--iec-accent);
  --iec-nav-text: #3f425b;
  --iec-nav-text-strong: #30334a;
  color-scheme: light;
}

html,
body {
  color: var(--iec-text);
  background: var(--iec-bg);
}

.md-header,
.md-tabs,
.md-sidebar {
  backdrop-filter: blur(6px);
}

.md-header,
.md-tabs,
.md-sidebar,
.md-nav {
  background: color-mix(in srgb, var(--iec-surface) 90%, transparent);
}

.md-tabs {
  border-bottom: 1px solid var(--iec-border);
}

[data-md-color-scheme="default"] .md-tabs__link,
[data-md-color-scheme="default"] .md-tabs__link .md-ellipsis {
  color: var(--iec-nav-text);
}

[data-md-color-scheme="default"] .md-tabs__link:is(:focus, :hover),
[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link--active .md-ellipsis {
  color: var(--iec-nav-text-strong);
}

[data-md-color-scheme="default"] .md-nav__link,
[data-md-color-scheme="default"] .md-nav__title,
[data-md-color-scheme="default"] .md-nav__item .md-nav__link .md-ellipsis,
[data-md-color-scheme="default"] .md-nav__item--pruned > .md-nav__link {
  color: var(--iec-nav-text);
}

.md-tabs__link--active,
.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--iec-primary);
}

.md-content a {
  color: var(--iec-primary);
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.08em;
}

.md-typeset code {
  background: color-mix(in srgb, var(--iec-surface) 70%, transparent);
  border-radius: 0.35rem;
}

.md-typeset pre > code {
  border-radius: var(--iec-radius);
  box-shadow: var(--iec-shadow);
}

.md-typeset .admonition,
.md-typeset details {
  border: 1px solid var(--iec-border);
  border-radius: var(--iec-radius);
}

.md-button {
  border-radius: var(--iec-radius);
}

.md-typeset table:not([class]) {
  border-radius: var(--iec-radius);
  overflow: hidden;
}

.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  border-color: var(--iec-border);
}

/* Scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--iec-primary) var(--iec-surface);
}

*::-webkit-scrollbar {
  width: 0.65rem;
  height: 0.65rem;
}

*::-webkit-scrollbar-track {
  background: var(--iec-surface);
}

*::-webkit-scrollbar-thumb {
  background: var(--iec-primary);
  border-radius: 999px;
  border: 2px solid var(--iec-surface);
}