/* -------------------------------------------------------
   Cores primárias — Emerald
------------------------------------------------------- */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #059669;
  --md-primary-fg-color--light: #34D399;
  --md-primary-fg-color--dark:  #047857;
  --md-primary-bg-color:        #FFFFFF;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color:              #059669;
  --md-accent-fg-color--transparent: rgba(5, 150, 105, 0.1);
  --md-accent-bg-color:              #ECFDF5;
}

/* -------------------------------------------------------
   Tipografia — system fonts
------------------------------------------------------- */
:root {
  --md-text-font: ui-sans-serif, system-ui, -apple-system, sans-serif;
  --md-code-font: ui-monospace, "Fira Code", "Cascadia Code", monospace;
}

/* -------------------------------------------------------
   Light mode
------------------------------------------------------- */
[data-md-color-scheme="default"] {
  --md-default-bg-color:    #F8FAFC;
  --md-default-fg-color:    #334155;
  --md-typeset-color:       #334155;
  --md-typeset-a-color:     #059669;
  --md-code-bg-color:       #F1F5F9;
  --md-code-fg-color:       #334155;
}

/* -------------------------------------------------------
   Dark mode
------------------------------------------------------- */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #34D399;
  --md-primary-fg-color--light: #6EE7B7;
  --md-primary-fg-color--dark:  #059669;
  --md-primary-bg-color:        #0F172A;

  --md-accent-fg-color:              #34D399;
  --md-accent-fg-color--transparent: rgba(52, 211, 153, 0.2);

  --md-default-bg-color:  #0F172A;
  --md-default-fg-color:  #E2E8F0;
  --md-typeset-color:     #CBD5E1;
  --md-typeset-a-color:   #34D399;
  --md-code-bg-color:     #1E293B;
  --md-code-fg-color:     #E2E8F0;
}

/* -------------------------------------------------------
   Admonitions — mapeados para semânticas do design system
------------------------------------------------------- */
:root {
  --md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"/></svg>');
}

.md-typeset .admonition.success,
.md-typeset details.success {
  border-color: #34D399;
  background-color: #ECFDF5;
}
.md-typeset .success > .admonition-title,
.md-typeset .success > summary {
  background-color: #D1FAE5;
  color: #064E3B;
}

.md-typeset .admonition.warning,
.md-typeset details.warning {
  border-color: #FCD34D;
  background-color: #FFFBEB;
}

.md-typeset .admonition.danger,
.md-typeset details.danger {
  border-color: #FCA5A5;
  background-color: #FEF2F2;
}

/* -------------------------------------------------------
   Refinamentos gerais
------------------------------------------------------- */
.highlight pre,
.md-typeset code {
  border-radius: 8px;
}

.md-typeset table:not([class]) th {
  background-color: #F1F5F9;
  color: #334155;
}

:focus-visible {
  outline: 3px solid rgba(5, 150, 105, 0.15);
  outline-offset: 2px;
}