/* =============================
   WEBCOLOR.CSS — Centralized color variables
   ============================= */

:root {
  /* Brand Colors */
  --trust-red: #c82333; /* Primary brand red */
  --trust-red-dark: #a71d2a; /* Darker shade for hover */
  --trust-white: #ffffff;

  /* Supporting Colors */
  --trust-gray: #6c757d;
  --trust-light-gray: #f8f9fa;
  --trust-dark: #212529;

  /* Backgrounds */
  --bg-light: var(--trust-light-gray);
  --bg-dark: var(--trust-dark);

  /* Text Colors */
  --text-dark: #333333;
  --text-light: #f8f9fa;
  --text-muted: #6c757d;
}

/* Utility classes for quick use */
.bg-trust-red {
  background-color: var(--trust-red) !important;
  color: var(--trust-white) !important;
}

.text-trust-red {
  color: var(--trust-red) !important;
}

.text-trust-dark {
  color: var(--trust-dark) !important;
}

.bg-trust-light {
  background-color: var(--trust-light-gray) !important;
}

.text-trust-muted {
  color: var(--text-muted) !important;
}