/* 1. Variáveis de Cor da Bold Solution */
:root {
  --bold-primary: #002D5C;    /* Azul Escuro Bold */
  --bold-accent: #29B473;     /* Verde Bold (Destaque) */
  --bold-bg-light: #F4F7F9;   /* Fundo Suave */
  --bold-text: #1A1A1A;       /* Texto Escuro */
  --bold-white: #FFFFFF;
}

/* 2. Cabeçalho (Header) */
header {
  background-color: var(--bold-primary) !important;
}

header a, header span {
  color: var(--bold-white) !important;
}

/* 3. Botões Primários (Ação Principal) */
.btn-primary, .f-btn-primary {
  background-color: var(--bold-accent) !important;
  border-color: var(--bold-accent) !important;
  color: var(--bold-white) !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
}

.btn-primary:hover {
  filter: brightness(90%);
}

/* 4. Links e Interações */
a {
  color: var(--bold-primary);
}

a:hover {
  color: var(--bold-accent);
}

/* 5. Tags e Votos */
.f-tag {
  border-radius: 20px !important;
}

.f-vote-count {
  color: var(--bold-primary) !important;
  font-weight: bold !important;
}

/* 6. Ajuste de Fundo da Página */
body {
  background-color: var(--bold-bg-light) !important;
  color: var(--bold-text) !important;
}

/* 7. Cards de Sugestão */
.f-card {
  border-top: 3px solid var(--bold-primary) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;
}