:root {
  --primary: #fb923c;
  --primary-light: #fdba74;
  --primary-dark: #f97316;
  --primary-soft: rgba(251, 146, 60, 0.1);
  --background: #f8fafc;
  --card: #ffffff;
  --surface: #f1f5f9;
  --text-primary: #0f172a;
  --text-secondary: #64748b;
  --border: #e2e8f0;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #fb923c;
  --primary-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
  --secondary: #fdba74;
  --bg: #ffffff;
  --bg-secondary: #f8fafc;
  --text: #0f172a;
  --text-dark: #0f172a;
  --text-light: #64748b;
  --text-muted: #64748b;
  --card-bg: #ffffff;
  --border-color: #e2e8f0;
  --bg-primary: linear-gradient(135deg, #fb923c 0%, #f97316 100%);
  --bg-card: #ffffff;
  --primary-color: #fb923c;
  --info-color: #fb923c;
}

html,
body {
  color: var(--text-primary);
}

a {
  color: var(--primary);
}

a:hover {
  color: var(--primary-dark);
}

.btn-primary,
.btn-submit,
.btn-save,
.btn-update,
.btn-reply-submit,
.book-btn,
.verify-btn,
.btn-nav,
.btn.small,
.btn:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-light):not(.btn-outline-secondary),
button[type="submit"]:not(.btn-close),
input[type="submit"] {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-submit:hover,
.btn-save:hover,
.btn-update:hover,
.btn-reply-submit:hover,
.book-btn:hover,
.verify-btn:hover,
.btn-nav:hover,
.btn.small:hover,
.btn:not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-light):not(.btn-outline-secondary):hover,
button[type="submit"]:not(.btn-close):hover,
input[type="submit"]:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #ffffff !important;
}

.btn:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(251, 146, 60, 0.15) !important;
  outline: none !important;
}

input,
select,
textarea,
.form-control,
.form-select {
  border-color: var(--border) !important;
}

.card,
.card-box,
.container-box,
.profile-card,
.settings-card,
.help-card,
.inbox-card,
.vehicle-card,
.booking-card,
.dashboard-card,
.quick-action-card,
.info-card,
.stats-box,
.table-container,
.form-container,
.auth-container,
.auth-card {
  background: var(--card) !important;
  border-color: var(--border) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05) !important;
}

.bottom-nav a.active,
.driver-bottom-nav a.active,
.sidebar-link.active,
.nav-link.active,
.filter-btn.active,
.role-card.active,
.tab.active {
  background: var(--primary-soft) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

.bottom-nav a.active img {
  filter: brightness(0) saturate(100%) invert(67%) sepia(95%) saturate(1687%) hue-rotate(335deg) brightness(101%) contrast(97%) !important;
}

.bottom-nav a:hover,
.driver-bottom-nav a:hover,
.sidebar-link:hover,
.nav-link:hover,
.filter-btn:hover {
  color: var(--primary-dark) !important;
}

.badge-success,
.badge-paid,
.status-completed,
.status-active {
  background: rgba(16, 185, 129, 0.12) !important;
  color: var(--success) !important;
}

.badge-warning,
.badge-pending,
.status-pending {
  background: rgba(245, 158, 11, 0.14) !important;
  color: var(--warning) !important;
}

.badge-danger,
.badge-unpaid,
.status-cancelled,
.status-inactive {
  background: rgba(239, 68, 68, 0.12) !important;
  color: var(--danger) !important;
}

.badge-info,
.status-accepted,
.status-in_progress,
.status-processing {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--info) !important;
}

thead {
  background: var(--background) !important;
}

tr:hover {
  background: rgba(251, 146, 60, 0.04) !important;
}

.text-primary,
.link-primary,
.price-box,
.setting-icon,
.profile-btn i,
.grid-item i,
.info-label,
.section-title i,
.detail-icon,
.action-icon {
  color: var(--primary) !important;
}

.bg-primary,
.progress-bar,
.role-card.active::before,
.driver-center-btn,
.owner-center-btn {
  background: var(--primary) !important;
}

.alert-success {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
}

.alert-danger,
.alert-error {
  background: rgba(239, 68, 68, 0.12) !important;
  color: var(--danger) !important;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.14) !important;
  color: #b45309 !important;
}

.alert-info {
  background: rgba(251, 146, 60, 0.12) !important;
  color: var(--primary-dark) !important;
}