/* Custom color palette inspired by a hardware store */
:root {
  --color-primary: #8b4513; /* dark brown */
  --color-secondary: #a0522d; /* sienna */
  --color-accent: #d2b48c; /* tan */
  --color-light: #fdf7f0; /* warm beige */
  --color-dark: #3c2f2f; /* dark chocolate */
}

body {
  background-color: var(--color-light);
}

/* Navbar styling */
.navbar {
  background-color: var(--color-primary) !important;
  border-bottom: 3px solid var(--color-secondary);
}

.navbar-brand,
.navbar .nav-link {
  color: #f7f2ea !important;
  font-weight: 600;
}

.navbar .nav-link:hover {
  color: var(--color-accent) !important;
}

/* Card styling */
.card {
  background-color: #fffaf5;
  border: 1px solid #e6d5c3;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

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

.btn-primary:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-success {
  background-color: #556b2f;
  border-color: #556b2f;
}

.btn-success:hover {
  background-color: #6b8e23;
  border-color: #6b8e23;
}

/* Table header coloring */
table thead th {
  background-color: var(--color-accent);
  color: #3c2f2f;
  border: none;
}

table.table {
  border-color: #e6d5c3;
}

table.table tbody tr:nth-of-type(even) {
  background-color: #fbf5ef;
}

/* Form controls */
.form-control:focus {
  border-color: var(--color-secondary);
  box-shadow: 0 0 0 0.2rem rgba(160, 82, 45, 0.25);
}

.form-label {
  font-weight: 500;
  color: var(--color-dark);
}