/* ===================================================
   Rock Encantech — Brand Colors
   Primário: #1E1E1E (preto)  |  Amarelo: #FCED00
   Roxo: #6F63FF  |  Branco: #FFFFFF
   =================================================== */

/* --- Dark scheme (padrão) — amarelo como accent --- */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:          #1e1e1e;
  --md-default-bg-color--light:   #242424;
  --md-default-bg-color--lighter: #2a2a2a;
  --md-default-bg-color--lightest:#303030;
  --md-code-bg-color:             #2a2a2a;
  --md-code-fg-color:             #e0e6e6;

  /* Links e destaques em amarelo */
  --md-typeset-a-color:           #fced00;

  /* Admonition personalizado */
  --md-admonition-bg-color:       rgba(252, 237, 0, 0.05);
}

/* --- Light scheme — roxo como accent (contraste em fundo branco) --- */
[data-md-color-scheme="default"] {
  --md-typeset-a-color:           #6f63ff;
  --md-code-bg-color:             #f5f5f5;
}

/* --- Header: sempre preto (#1E1E1E) --- */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:          #1e1e1e;
  --md-primary-fg-color--light:   rgba(255, 255, 255, .7);
  --md-primary-fg-color--dark:    rgba(255, 255, 255, .9);
  --md-primary-bg-color:          #ffffff;
  --md-primary-bg-color--light:   rgba(255, 255, 255, .7);
}

/* --- Accent: amarelo (dark) / roxo (light) --- */
[data-md-color-scheme="slate"][data-md-color-accent="custom"] {
  --md-accent-fg-color:           #fced00;
  --md-accent-fg-color--transparent: rgba(252, 237, 0, .1);
  --md-accent-bg-color:           #1e1e1e;
}

[data-md-color-scheme="default"][data-md-color-accent="custom"] {
  --md-accent-fg-color:           #6f63ff;
  --md-accent-fg-color--transparent: rgba(111, 99, 255, .1);
  --md-accent-bg-color:           #ffffff;
}

/* --- Botões de código: amarelo no dark, roxo no light --- */
[data-md-color-scheme="slate"] .md-clipboard:hover {
  color: #fced00;
}

[data-md-color-scheme="default"] .md-clipboard:hover {
  color: #6f63ff;
}

/* --- Tags de status nas tabelas de API --- */
.tag-get    { background: #15e874; color: #1e1e1e; padding: 2px 8px; border-radius: 4px; font-size: .7rem; font-weight: 700; }
.tag-post   { background: #fced00; color: #1e1e1e; padding: 2px 8px; border-radius: 4px; font-size: .7rem; font-weight: 700; }
.tag-put    { background: #6f63ff; color: #ffffff; padding: 2px 8px; border-radius: 4px; font-size: .7rem; font-weight: 700; }
.tag-delete { background: #f4587a; color: #ffffff; padding: 2px 8px; border-radius: 4px; font-size: .7rem; font-weight: 700; }
.tag-patch  { background: #e0e6e6; color: #1e1e1e; padding: 2px 8px; border-radius: 4px; font-size: .7rem; font-weight: 700; }

/* --- Navigation sidebar: highlight em amarelo/roxo --- */
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #fced00;
}

[data-md-color-scheme="default"] .md-nav__link--active,
[data-md-color-scheme="default"] .md-nav__link:hover {
  color: #6f63ff;
}

/* --- Tabs ativos --- */
[data-md-color-scheme="slate"] .md-tabs__link--active {
  border-bottom-color: #fced00;
  color: #fced00;
}

[data-md-color-scheme="default"] .md-tabs__link--active {
  border-bottom-color: #6f63ff;
  color: #6f63ff;
}

/* --- Footer --- */
.md-footer {
  background-color: #1e1e1e;
}