/* Importação das fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600;700&family=JetBrains+Mono:wght@400;700&family=Lato:wght@400;700;900&display=swap');

:root {
  /* ==========================================
     CORES ORIGINAIS DA MARCA DECODA
     ========================================== */
  --brand-primary: #ed1b2f;
  --brand-secondary: #ed0973;
  --brand-accent: #b624c0;
  --action-green: rgb(213, 223, 80);
  --action-orange: rgb(255, 181, 80);
  
  --primary-gradient-start: #F90527;
  --primary-gradient-end: #F50C52;

  /* ==========================================
     MAPEAMENTO DE TIPOGRAFIA (INFIMA)
     ========================================== */
  --ifm-font-family-base: "Lato", system-ui, sans-serif;
  --ifm-heading-font-family: "Barlow Semi Condensed", system-ui, sans-serif;
  --ifm-font-family-monospace: "JetBrains Mono", monospace;

  /* ==========================================
     MAPEAMENTO DE CORES PRIMÁRIAS (INFIMA)
     ========================================== */
  --ifm-color-primary: var(--brand-primary);
  --ifm-color-primary-dark: #d5182a;
  --ifm-color-primary-darker: #c91728;
  --ifm-color-primary-darkest: #a61321;
  --ifm-color-primary-light: #f03244;
  --ifm-color-primary-lighter: #f13d4e;
  --ifm-color-primary-lightest: #f45e6d;
  --ifm-font-color-base: #000000;   
  --ifm-color-emphasis-700: #1a1a1a; 
  --ifm-color-emphasis-800: #000000;
  --ifm-color-emphasis-900: #000000;
  --ifm-color-emphasis-1000: #000000;
  --ifm-menu-color: #1a1a1a;
  --ifm-menu-color-active: var(--brand-primary);
}
/* rgb(252 165 165 / var(--tw-border-opacity, 1)) */

/* ==========================================
   SIDEBAR
   ========================================== */

.theme-doc-sidebar-menu {
  --ifm-menu-color-background-hover: rgba(213, 223, 80, 0.2);
}

.theme-doc-sidebar-menu .menu__link,
.theme-doc-sidebar-menu .menu__list-item-collapsible {
  border-radius: 1rem;
  transition: background-color 0.2s ease; /* Deixa a troca de cor mais suave */
}

.theme-doc-sidebar-menu .menu__link--active,
.theme-doc-sidebar-menu .menu__list-item-collapsible--active {
  background-color: var(--action-green) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

.theme-doc-sidebar-menu .menu__list-item-collapsible--active .menu__link--sublist-caret {
  color: #000000 !important;
}

/* ==========================================
   BREADCRUMBS (Trilha de Navegação)
   ========================================== */

.theme-doc-breadcrumbs .breadcrumbs__item--active .breadcrumbs__link {
  background-color: var(--action-orange) !important;
  color: #000000 !important;
  font-weight: 700;
}

.theme-doc-breadcrumbs .breadcrumbs__link:hover {
  background-color: rgba(255, 181, 80, 0.2) !important;
  color: #000000 !important;
}

/* ==========================================
   SIDEBAR DIREITA (Table of Contents)
   ========================================== */

.table-of-contents__link {
  border-radius: 1rem;
  padding: 0.3rem 0.6rem !important;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: block; /* Garante que o fundo preencha o espaço como um botão */
  margin-bottom: 0.15rem; /* Dá um leve respiro entre os itens */
}

.table-of-contents__link:hover {
  background-color: rgba(255, 181, 80, 0.2) !important;
  border-radius: 1rem;
  color: #000000 !important;
  text-decoration: none;
}

.table-of-contents__link--active {
  background-color: var(--action-orange) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ==========================================
   SCROLLBAR
   ========================================== */

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

::-webkit-scrollbar-track {
  background: #f8f9fa; 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #fe0002 0%, #f50c52 100%);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #fe0002 0%, #f50c52 100%);
}