/* --- CVDLINK palette extracted from logo --- */
:root{
  --cvd-deep:  #546F60;   /* dark green */
  --cvd-mid:   #72886A;   /* medium green */
  --cvd-accent:#9AA976;   /* accent green */
  --cvd-light: #BAC5A4;   /* light green */
}

.brand-header { background: linear-gradient(90deg, rgba(186,197,164,0.25), rgba(114,136,106,0.10)); }
.brand-logo { height: 40px; width: auto; display: inline-block; }
.brand-name { color: var(--cvd-deep); letter-spacing: 1px; }

/* Global theming */
h1,h2,h3,h4,h5,strong { color: var(--cvd-deep); }
a { color: var(--cvd-mid); }
a:hover { color: var(--cvd-deep); }
.text-muted { color: color-mix(in srgb, var(--cvd-deep) 40%, #6c757d) !important; }
.btn-primary { background-color: var(--cvd-mid); border-color: var(--cvd-mid); }
.btn-primary:hover { background-color: var(--cvd-deep); border-color: var(--cvd-deep); }
.list-group-item-action { color: var(--cvd-deep); }
.list-group-item-action:hover { background-color: rgba(186,197,164,0.25); }
.badge.text-bg-secondary { background-color: var(--cvd-accent) !important; }

/* Layout tweaks */
#sidebar { height: 100vh; overflow-y: auto; }
.card + .card { margin-top: 1rem; }

.app-footer {
  background-color: var(--cvd-deep);
  color: white;
  font-size: 0.9rem;
}

.browse-file.selected {
  background-color: #2f4f4f; /* dark greenish tone from your logo */
  color: white;
  padding: 2px 4px;
  border-radius: 4px;
}