/* ===============================
   BRAND COLOR VARIABLES
   =============================== */
:root {
  --bs-primary: #FF6347;   /* Tomato Red */
  --bs-success: #ADFF2F;   /* Lemon Green */
  --bs-light: #F9FAFB;
  --bs-secondary: #6B7280;
  --bs-border-color: #E5E7EB;

  --brand-ash: #D3D3D3;
  --brand-text-dark: #333333;
}

/* ===============================
   GLOBAL STYLES
   =============================== */
body {
  background-color: var(--bs-light);
  color: var(--brand-text-dark);
}

/* ===============================
   BUTTONS
   =============================== */
.btn-primary {
  background-color: #FF6347;
  border-color: #FF6347;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #E5533D;
  border-color: #E5533D;
}

.btn-success {
  background-color: #ADFF2F;
  border-color: #ADFF2F;
  color: #1f2937;
}

.btn-success:hover {
  background-color: #8FD400;
  border-color: #8FD400;
}

/* ===============================
   ALERTS
   =============================== */
.alert-primary {
  background-color: #FFE3DD;
  border-color: #FF6347;
  color: #7A2E22;
}

.alert-success {
  background-color: #F1FFD6;
  border-color: #ADFF2F;
  color: #365314;
}

/* ===============================
   CARDS
   =============================== */
.card {
  border: 1px solid var(--brand-ash);
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

/* ===============================
   FORMS
   =============================== */
.form-control:focus {
  border-color: #FF6347;
  box-shadow: 0 0 0 0.2rem rgba(255, 99, 71, 0.25);
}

/* ===============================
   NAVBAR
   =============================== */
.navbar-brand {
  color: #FF6347 !important;
  font-weight: 600;
}

.nav-link.active {
  color: #FF6347 !important;
}

/* ===============================
   TABLES
   =============================== */
.table thead {
  background-color: #F3F4F6;
}

.table-hover tbody tr:hover {
  background-color: #FFF1EE;
}

/* ===============================
   BADGES
   =============================== */
.badge-primary {
  background-color: #FF6347;
}

.badge-success {
  background-color: #ADFF2F;
  color: #1f2937;
}