/* Brand Colors */
:root {
  --brand-primary: #ffbd39;
  --brand-secondary: #343a40;
  --brand-accent: #007bff;
}

/* Button Styling */
.btn-primary {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: var(--brand-secondary);
}

.btn-primary:hover {
  background-color: #e6a820;
  border-color: #e6a820;
  color: var(--brand-secondary);
}

/* Section Headings */
.text-primary {
  color: var(--brand-primary) !important;
}

/* Card Hover Effects */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(255, 189, 57, 0.2);
}

/* Project Tags */
.tech-tag {
  background-color: var(--brand-primary);
  color: var(--brand-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}

/* Project Media */
.project-media {
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}

.project-media img,
.project-media video {
  width: 100%;
  height: auto;
  display: block;
}