/* styles.css */

:root {
  --brand-orange: #FF7F00;
  --brand-navy: #002366;
  --brand-white: #FFFFFF;
}

/* Backgrounds */
.bg-brand {
  background-color: var(--brand-orange);
}
.bg-nav {
  background-color: var(--brand-navy);
}
.bg-white-custom {
  background-color: var(--brand-white);
}

/* Text */
.text-brand {
  color: var(--brand-orange);
}
.text-nav {
  color: var(--brand-navy);
}
.text-white-custom {
  color: var(--brand-white);
}

/* Borders */
.border-brand {
  border-color: var(--brand-orange);
}
.border-nav {
  border-color: var(--brand-navy);
}

/* Buttons */
.btn-brand {
  background-color: var(--brand-orange);
  color: var(--brand-white);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 600;
}
.btn-brand:hover {
  opacity: 0.9;
}

/* Utilities */
.shadow-brand {
  box-shadow: 0 2px 6px rgba(255, 127, 0, 0.4);
}

.rounded-xl-custom {
  border-radius: 1rem;
}

.status-not-checked-in {
    background-color: var(--brand-white);
    color: var(--brand-navy);
}

.status-checked-in {
    background-color: var(--brand-orange);
    color: var(--brand-white);
}

.status-checked-out {
    background-color: var(--brand-navy);
    color: var(--brand-white);
}