/* --- COLOR PALETTE --- */
:root {
  --primary-orange: #fc4c02;
  --accent-gray: #f7f7f7;
  --medium-gray: #767676;
  --dark-gray: #1e1e1e;
  --white: #ffffff;
  --light-border: #e0e0e0;
}

/* --- GENERAL --- */
body {
  background-color: var(--accent-gray);
  color: var(--dark-gray);
  font-family: 'Helvetica Neue', sans-serif;
}

/* --- HEADER --- */
.navbar {
  background-color: var(--white);
  border-bottom: 1px solid var(--light-border);
}

.navbar-brand, .navbar-nav .nav-link {
  color: var(--dark-gray) !important;
}

/* --- BUTTONS --- */
.btn-primary {
  background-color: var(--primary-orange);
  border: none;
  color: var(--white);
}

.btn-primary:hover {
  background-color: #e64500;
}

.btn-outline-secondary {
  border-color: var(--primary-orange);
  color: var(--primary-orange);
}

.btn-outline-secondary:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

/* --- CARDS --- */
.card {
  background-color: var(--white);
  border: 1px solid var(--light-border);
  border-radius: 1px;
}

.card-title {
  color: var(--dark-gray);
}

.card-text {
  color: var(--medium-gray);
}

/* --- GOAL STATUSES --- */
.text-success {
  color: green;
}

.text-warning {
  color: #ff9800; /* amber-orange */
}

.text-danger {
  color: #e53935; /* bold red */
}

/* --- LIST ITEMS --- */
.list-group-item {
  background-color: var(--white);
  border-color: var(--light-border);
}

  .dashboard-wrapper {
    display: flex;
    height: 100vh;
    overflow: hidden;
  }

  .left-sidebar, .right-sidebar {
    width: 25%;
    max-height: 100vh;
    overflow-y: auto;
  }

  .center-feed {
    width: 50%;
    max-height: 100vh;
    overflow-y: scroll;
    padding: 0 1rem;
  }

  .left-sidebar::-webkit-scrollbar,
  .right-sidebar::-webkit-scrollbar {
    display: none;
  }

  .left-sidebar, .right-sidebar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .activity-card {
    margin-bottom: 1rem;
  }