/* Background Colors */
.all-[unset] {
  all: unset;
}

.bg-act {
  background-color: #D13700;
}
.bg-act-2d {
  background-color: #257AB3;
} 
.border-act {
  border-color: #D13700;
}
.color-content {
  color: #0E0E2C;
}
.color-content-2d {
  color: #7C7D7C;
}
.color-attn {
  color: #D17400;
}

.color-attn-2d {
  color: #020FB3;
}

/* BELOW THIS ARE ALL OLD */

/* Primary Brand Color */
.bg-brand-300 {
  background-color: #a545b0; /* A lighter shade of the brand color */
}
.bg-brand-500 {
  background-color: #770f85;
}
.bg-brand-700 {
  background-color: #5a0862;
}
.bg-brand-900 {
  background-color: #3d0541;
}

/* Primary Button */
.bg-royal-blue-300 {
  background-color: #66b2ff; /* A lighter shade of the royal blue */
}
.bg-royal-blue-500 {
  background-color: #007BFF;
}
.bg-royal-blue-700 {
  background-color: #0056b3;
}
.bg-royal-blue-900 {
  background-color: #003f7f;
}

/* Cancel Button */
.bg-gold-300 {
  background-color: #ffecb3; /* A lighter shade of the gold */
}
.bg-gold-500 {
  background-color: #FFD700;
}
.bg-gold-700 {
  background-color: #ccac00;
}
.bg-gold-900 {
  background-color: #997f00;
}

/* Navbar Background */
.bg-cool-gray-300 {
  background-color: #6b717d; /* A lighter shade of the cool gray */
}
.bg-cool-gray-500 {
  background-color: #444B54;
}
.bg-cool-gray-700 {
  background-color: #32363e;
}
.bg-cool-gray-900 {
  background-color: #1d1f23;
}

/* Accent Color */
.bg-orange-red-300 {
  background-color: #ff8c66; /* A lighter shade of the orange red */
}
.bg-orange-red-500 {
  background-color: #FF4500;
}
.bg-orange-red-700 {
  background-color: #cc3600;
}
.bg-orange-red-900 {
  background-color: #992800;
}

.border-orange-red-300 {
  border-color: #ff8c66; /* A lighter shade of the orange red */
}
.border-orange-red-500 {
  border-color: #FF4500;
}
.border-orange-red-700 {
  border-color: #cc3600;
}
/* Text Colors */

/* Primary Brand Color */
.text-brand-300 {
  color: #a545b0; /* A lighter shade of the brand color */
}
.text-brand-500 {
  color: #770f85;
}
.text-brand-700 {
  color: #5a0862;
}
.text-brand-900 {
  color: #3d0541;
}

/* Primary Button */
.text-royal-blue-300 {
  color: #66b2ff; /* A lighter shade of the royal blue */
}
.text-royal-blue-500 {
  color: #007BFF;
}
.text-royal-blue-700 {
  color: #0056b3;
}
.text-royal-blue-900 {
  color: #003f7f;
}

.border-royal-blue-500 {
  border-color: #007BFF;
}
.border-royal-blue-700 {
  border-color: #003f7f;
}

/* Cancel Button */
.text-gold-300 {
  color: #ffecb3; /* A lighter shade of the gold */
}
.text-gold-500 {
  color: #FFD700;
}
.text-gold-700 {
  color: #ccac00;
}
.text-gold-900 {
  color: #997f00;
}

/* Navbar Background */
.text-cool-gray-300 {
  color: #6b717d; /* A lighter shade of the cool gray */
}
.text-cool-gray-500 {
  color: #444B54;
}
.text-cool-gray-700 {
  color: #32363e;
}
.text-cool-gray-900 {
  color: #1d1f23;
}

/* Accent Color */
.text-orange-red-300 {
  color: #ff8c66; /* A lighter shade of the orange red */
}
.text-orange-red-500 {
  color: #FF4500;
}
.text-orange-red-700 {
  color: #cc3600;
}
.text-orange-red-900 {
  color: #992800;
}