.commonStyle__zt3BrandBg {
    background-color: #292862;
}

.SearchContainer__downArrow {
    border-top: 6px solid #292862 !important;   /* arrow color */
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.commonStyle__zt3Brand {
  color: #292862;   /* normal state */
  transition: color 0.2s ease; /* smooth effect */
}

.commonStyle__zt3Brand:hover {
  color: #063b96;   /* hover state */
}

.Badge__announcement {
  color: #292862;             /* text color */
  background-color: #f2f2f2;  /* optional background */
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.4s ease;  /* slower + smoother */
}


[data-id="followCategory_follow"] {
  background-color: #ffffff;   /* white background */
  color: #292862;              /* dark blue text */
  border: 1px solid #292862;   /* dark blue border */
  transition: all 0.3s ease;
}

/* Hover state */
[data-id="followCategory_follow"]:hover {
  background-color: #292862;   /* dark blue background */
  color: #ffffff;              /* white text */
  border: 1px solid #292862;   /* keep border */
}

.CommunityListItem__topicTitle{
  color: #292862;   /* normal state */
  transition: color 0.2s ease; /* smooth effect */
}

.CommunityListItem__topicTitle:hover{
  color: #063b96;   /* hover state */
}


.Badge__question{
  color: #76b88e;             /* text color */
  background-color: #f2f2f2;  /* optional background */
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.4s ease;   /* slower + smoother */
}



.Badge__idea{
  color: #f6b965;             /* text color */
  background-color: #f2f2f2;  /* optional background */
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.4s ease;   /* slower + smoother */
}


.Badge__problem{
  color: #f9626b;             /* text color */
  background-color: #f2f2f2;  /* optional background */
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.4s ease;   /* slower + smoother */
}


.Badge__inprogress {
  color: #292862;              /* text color */
  background-color: #ffffff;   /* white background */
  border: 1px solid #292862;   /* dark blue border */
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;       /* ensures border fits nicely */
}

.Button__footerBtn {
  background-color: #292862;   /* dark blue background */
  color: #ffffff;              /* white text */
  border: 1px solid #292862;   /* matching border */
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover effect */
.Button__footerBtn:hover {
  background-color: #f5f5f5;   /* white background */
  color: #292862;              /* dark blue text */
  border: 1px solid #292862;   /* keep border */
}


.ProfileTabs__tabName {
  color: #292862;   /* dark blue text */
}

.Icon__icon[alt="Dashboard"] {
  fill: #292862;   /* for SVG paths */
  color: #292862;  /* fallback */
}

.Button__primaryBorder.commonStyle__zt3Brand {
  background-color: #ffffff;     /* white background */
  color: #292862;                /* dark blue text */
  border: 1px solid #292862;     /* dark blue border */
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover state */
.Button__primaryBorder.commonStyle__zt3Brand:hover {
  background-color: #292862;     /* dark blue background */
  color: #ffffff;                /* white text */
  border: 1px solid #292862;
}

.Icon__icon[alt="Activity"] {
  fill: #292862;   /* applies to <use> inside the SVG */
  color: #292862;  /* fallback for some cases */
}

.ProfileTabs__activeTab {
  border: 1px solid #000000;   /* black border */
  border-radius: 4px;          /* optional: rounded edges */
}

.FilterTabs__activeFilter {
  color: #292862;              /* text color */
  border-bottom: 2px solid #292862;  /* underline effect */
  font-weight: 600;            /* make it stand out */
  transition: all 0.3s ease;
}

.Icon__brand {
    color: #292862;
}


.ContentBox__indexIcon .Icon__icon {
  fill: #292862;   /* Changes primary fill */
  stroke: #292862; /* Changes secondary stroke if present */
}

.commonStyle__zt3BrandBorder {
    border-color: #292862;
}

.AvatarText__squareBg1 {
	border: 1px solid #292928;
    border-radius: 10%;
}

.TopicDetailLeftContainer__voteBox{
    border: 1px solid #292862;
}

.ProfileTabs__activeTab {
    color: #292862;
}