/* Cualixis Branding CSS - Purple & Gold Theme */
/* Primary Colors: #4A2E6F (Purple), #D4A574 (Gold), #FFFFFF (White) */

:root {
  --cualixis-purple: #4A2E6F;
  --cualixis-purple-light: #5C3E8F;
  --cualixis-gold: #D4A574;
  --cualixis-white: #FFFFFF;
  --cualixis-dark: #2F1B47;
}

/* Primary Buttons */
.btn-primary, .btn-ualixis {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
  border: none;
  color: var(--ualixis-white);
  transition: all 0.3s ease;
}

.btn-primary:hover, .btn-ualixis:hover {
  background: linear-gradient(135deg, var(--ualixis-purple-light) 0%, var(--ualixis-dark) 100%);
  box-shadow: 0 4px 12px rgba(74, 46, 111, 0.4);
  transform: translateY(-2px);
}

/* Accent Buttons (Gold) */
.btn-gold, .btn-warning {
  background-color: var(--ualixis-gold);
  border: none;
  color: var(--ualixis-dark);
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-gold:hover, .btn-warning:hover {
  background-color: #C99860;
  box-shadow: 0 4px 12px rgba(212, 165, 116, 0.4);
  transform: translateY(-2px);
}

/* Header Styling */
.navbar, .navbar-dark {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
  border-bottom: 3px solid var(--ualixis-gold);
}

.navbar-brand {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--ualixis-gold) !important;
  letter-spacing: 0.5px;
}

/* Navigation Links */
.navbar-nav .nav-link {
  color: var(--ualixis-white) !important;
  transition: all 0.3s ease;
  margin: 0 5px;
}

.navbar-nav .nav-link:hover {
  color: var(--ualixis-gold) !important;
  border-bottom: 2px solid var(--ualixis-gold);
}

.navbar-nav .nav-link.active {
  color: var(--ualixis-gold) !important;
  border-bottom: 2px solid var(--ualixis-gold);
}

/* Page Headers & Titles */
h1, h2, h3, h4, h5, h6 {
  color: var(--ualixis-purple);
  font-weight: 700;
}

.page-title, .section-title {
  color: var(--ualixis-purple);
  border-bottom: 3px solid var(--ualixis-gold);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/* Cards */
.card {
  border: 1px solid #e0e0e0;
  border-top: 4px solid var(--ualixis-purple);
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.card:hover {
  box-shadow: 0 8px 16px rgba(74, 46, 111, 0.15);
  transform: translateY(-4px);
}

.card-header {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
  color: var(--ualixis-white);
  border-bottom: 2px solid var(--ualixis-gold);
}

/* Links */
a {
  color: var(--ualixis-purple);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--ualixis-gold);
  text-decoration: underline;
}

/* Forms */
.form-control:focus {
  border-color: var(--ualixis-purple);
  box-shadow: 0 0 0 0.2rem rgba(74, 46, 111, 0.25);
}

/* Alerts */
.alert-primary {
  background-color: rgba(74, 46, 111, 0.1);
  border-color: var(--ualixis-purple);
  color: var(--ualixis-purple);
}

.alert-success {
  background-color: rgba(212, 165, 116, 0.1);
  border-color: var(--ualixis-gold);
  color: #8B6914;
}

/* Badges */
.badge-primary {
  background-color: var(--ualixis-purple);
}

.badge-gold, .badge-warning {
  background-color: var(--ualixis-gold);
  color: var(--ualixis-dark);
}

/* Footer */
.footer {
  background: linear-gradient(135deg, var(--ualixis-dark) 0%, var(--ualixis-purple) 100%);
  color: var(--ualixis-white);
  border-top: 3px solid var(--ualixis-gold);
}

.footer a {
  color: var(--ualixis-gold);
}

.footer a:hover {
  color: #F0D699;
}

/* Breadcrumb */
.breadcrumb {
  background-color: transparent;
}

.breadcrumb-item.active {
  color: var(--ualixis-purple);
  font-weight: 600;
}

.breadcrumb-item a {
  color: var(--ualixis-purple);
}

/* Progress Bars */
.progress-bar {
  background: linear-gradient(90deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
}

/* Pagination */
.pagination .page-link {
  color: var(--ualixis-purple);
  border-color: var(--ualixis-purple);
}

.pagination .page-link:hover {
  background-color: var(--ualixis-purple);
  border-color: var(--ualixis-purple);
  color: var(--ualixis-white);
}

.pagination .page-item.active .page-link {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
  border-color: var(--ualixis-purple);
}

/* Modals */
.modal-header {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
  color: var(--ualixis-white);
  border-bottom: 2px solid var(--ualixis-gold);
}

.modal-footer .btn-primary {
  background: linear-gradient(135deg, var(--ualixis-purple) 0%, var(--ualixis-purple-light) 100%);
}

/* Dropdowns */
.dropdown-menu {
  border-color: var(--ualixis-purple);
}

.dropdown-item:hover, .dropdown-item:focus {
  background: linear-gradient(135deg, rgba(74, 46, 111, 0.1) 0%, rgba(74, 46, 111, 0.2) 100%);
  color: var(--ualixis-purple);
}

.dropdown-divider {
  border-top-color: var(--ualixis-gold);
}

/* Tabs */
.nav-tabs .nav-link {
  color: var(--ualixis-purple);
  border-color: transparent;
}

.nav-tabs .nav-link:hover {
  border-color: var(--ualixis-gold);
}

.nav-tabs .nav-link.active {
  background-color: transparent;
  color: var(--ualixis-purple);
  border-bottom: 3px solid var(--ualixis-gold);
  font-weight: 600;
}

/* Highlights & Accents */
.highlight, .accent {
  color: var(--ualixis-gold);
  font-weight: 600;
}

.separator {
  border-color: var(--ualixis-gold);
}

/* Transitions */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}