:root {
  /* Colors */
  --bbsd-primary-color: #1e73be;
  --bbsd-primary-color-hover: #155a8a;
  --bbsd-text-color: #333333;
  --bbsd-text-muted: #555555;
  --bbsd-placeholder-color: #999999;
  --bbsd-error-color: #d93025;
  --bbsd-bg-light: #f7f7f7;
  --bbsd-bg-button: var(--bbsd-primary-color);
  --bbsd-bg-button-hover: var(--bbsd-primary-color-hover);

  /* Fonts */
  --bbsd-font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --bbsd-font-size-base: 16px;
  --bbsd-font-size-title: 24px;
  --bbsd-font-weight-normal: 400;
  --bbsd-font-weight-bold: 600;
}

/* Group selector buttons */
#bbsd-group-list {
  margin-bottom: 20px;
}
#bbsd-group-list .bbsd-group-btn {
  background: var(--bbsd-bg-button);
  color: white;
  border: none;
  padding: 8px 15px;
  margin: 5px 7px 5px 0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: var(--bbsd-font-weight-bold);
  font-family: var(--bbsd-font-family);
  font-size: var(--bbsd-font-size-base);
  transition: background-color 0.3s ease;
}
#bbsd-group-list .bbsd-group-btn:hover,
#bbsd-group-list .bbsd-group-btn.bbsd-active {
  background: var(--bbsd-bg-button-hover);
}

/* Selected group name */
#bbsd-group-name h2 {
  color: var(--bbsd-text-color);
  font-size: var(--bbsd-font-size-title);
  font-family: var(--bbsd-font-family);
  margin-bottom: 10px;
  font-weight: var(--bbsd-font-weight-bold);
}
#bbsd-group-name .bbsd-group-description {
  font-size: calc(var(--bbsd-font-size-base) * 1);
  color: var(--bbsd-text-muted);
  font-family: var(--bbsd-font-family);
  line-height: 1.5;
  margin-bottom: 25px;
}

/* Events, Single Event, Polls, Admins/Mods container */
#bbsd-group-events,
#bbsd-group-single-event,
#bbsd-group-polls,
#bbsd-group-admins-mods {
  background: var(--bbsd-bg-light);
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  color: var(--bbsd-text-color);
  font-size: var(--bbsd-font-size-base);
  font-family: var(--bbsd-font-family);
  line-height: 1.4;
}

/* Lists inside events, polls, admins/mods */
#bbsd-group-events ul.bbsd-events-list,
#bbsd-group-polls ul.bbsd-polls-list,
#bbsd-group-admins-mods ul {
  list-style-type: disc;
  margin-left: 20px;
  color: var(--bbsd-text-muted);
  font-family: var(--bbsd-font-family);
}
#bbsd-group-events ul.bbsd-events-list li a {
  color: var(--bbsd-primary-color);
  text-decoration: none;
  font-weight: var(--bbsd-font-weight-normal);
}
#bbsd-group-events ul.bbsd-events-list li a:hover {
  text-decoration: underline;
}

/* Placeholder text style */
.bbsd-placeholder {
  color: var(--bbsd-placeholder-color);
  font-style: italic;
  font-family: var(--bbsd-font-family);
}

/* Error message style */
.bbsd-error {
  color: var(--bbsd-error-color);
  font-weight: var(--bbsd-font-weight-bold);
  font-family: var(--bbsd-font-family);
}