:root {
    --primary-color: #6f42c1;
    --secondary-color: #9b59b6;
    --dark-color: #1a1a2e;
    --light-color: #f8f9fa;
    --text-color: #333333;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
    --border-color: #e0e0e0;
    --header-bg-color: #ffffff;
    --footer-bg-color: #65656c;
    --footer-text-color: #ea9595;
    --button-text-color: #ffffff;
    --menu-item-color: #333333;
    --menu-hover-color: #0091d5;
}
.logo,
.btn-call,
.btn-primary,
.feature-icon,
.social-links a,
a {
    color: var(--primary-color);
}
.btn-call,
.btn-primary,
.hero {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}
.header {
    background: var(--header-bg-color) !important;
}
.nav a {
    color: var(--menu-item-color) !important;
}
.nav .dropdown-menu a {
    color: var(--menu-item-color) !important;
}
.nav a {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}
.nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
 background: linear-gradient(135deg, #cfd8ff, #dff4ff);
  transition: width 0.35s ease;
  border-radius: 4px;
}
.nav a:hover {
  color: #8f44c1 !important;
}
.nav a:hover::after {
  width: 100%;
}
.nav .dropdown-menu a:hover {
    color: #fff !important;
}
.nav .dropdown-menu {
    background: var(--header-bg-color) !important;
}
.btn-primary,
.btn-call,
.service-button,
.action-card,
.hero-buttons .btn-primary {
    color: var(--button-text-color) !important;
}
.btn-primary:hover,
.btn-call:hover,
.service-button:hover {
    color: var(--button-text-color) !important;
}
.btn-primary,
.btn-call,
.hero-buttons .btn-primary {
    background: var(--primary-color) !important;
    color: var(--button-text-color) !important;
}
.btn-primary:hover,
.btn-call:hover {
    background: var(--secondary-color) !important;
    color: var(--button-text-color) !important;
}
.service-button {
    background: var(--primary-color) !important;
    color: var(--button-text-color) !important;
}
.service-button:hover {
    background: var(--secondary-color) !important;
    color: var(--button-text-color) !important;
}
.action-card {
    color: white !important;
}
.feature-card:hover {
    border-color: var(--primary-color);
}
.feature-icon {
    color: var(--primary-color);
}
.form-control:focus {
    border-color: var(--primary-color);
}
.badge-active,
.badge-confirmed {
    background: var(--success-color);
}
.badge-inactive,
.badge-cancelled {
    background: var(--danger-color);
}
.badge-pending {
    background: var(--warning-color);
}
.rating i.active {
    color: var(--warning-color);
}
body {
    color: var(--text-color);
}
.page-header h1,
.section-title,
h1, h2, h3, h4, h5, h6 {
    color: var(--dark-color);
}
.card,
.form-control,
.table th,
.table td {
    border-color: var(--border-color);
}
.features,
.testimonials-section,
.testimonial-card {
    background: var(--light-color);
}
.social-links a {
    background: var(--primary-color);
}
.social-links a:hover {
    background: var(--secondary-color);
}
.cta-section {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
}
.alert-success {
    background: var(--success-color);
    color: white;
}
.alert-danger {
    background: var(--danger-color);
    color: white;
}
.alert-warning {
    background: var(--warning-color);
    color: var(--dark-color);
}
.alert-info {
    background: var(--info-color);
    color: white;
}