@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,600;0,700;0,800;0,900;1,900&display=swap');

:root {
  --color-one: #183a1f;
  --color-two: #6F4E37;
  --color-three: #81af2a;
  --color-light-bg: #f5f5f5;
  --color-dark-bg: #07080a;
  --color-light-text: #f5f5f5;
  --color-dark-text: #07080a;
  --color-success: #4caf50;
  --color-warning: #ffc857;
  --color-error: #9e1428;
}

body {
  font-family: 'Barlow', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-light-bg);
  color: var(--color-dark-text);
}

h1, h2, h3, h4, h5, h6, .font-black {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 900 !important;
}

.card-elevation-1 {
  background-color: rgba(24, 58, 31, 0.4);
  border: 1px solid rgba(129, 175, 42, 0.2);
  transition: all 0.3s ease;
}

.card-elevation-1:hover {
  background-color: rgba(51, 106, 46, 0.4);
  border-color: var(--color-three);
  box-shadow: 0 10px 30px -10px rgba(129, 175, 42, 0.25);
}

/* Gallery Custom Scrollbar & Active Thumbnail */
.thumb-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.thumb-scrollbar::-webkit-scrollbar-track {
  background: rgba(24, 58, 31, 0.5);
  border-radius: 8px;
}
.thumb-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-three);
  border-radius: 8px;
}
.thumb-active {
  border-color: var(--color-three) !important;
  opacity: 1 !important;
  transform: scale(1.02);
}