:root {
    /* Primary Colors */
    --primary-color: #d63384;
    --primary-light: #ff3d9e;
    --primary-dark: #ab2869;
    --secondary-color: #2c3e50;
    --secondary-light: #344a60;
    --accent-color: #ff4081;
    --accent-light: #ff4c9a;
    
    /* Button Colors */
    --button-bg: #d63384;
    --button-text: #ffffff;
    --button-hover: #c0266d;
    
    /* Status Colors */
    --success-color: #28a745;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --info-color: #17a2b8;
    
    /* Background Colors */
    --light-bg: #f8f9fa;
    --dark-bg: #2c3e50;
    --card-bg: #ffffff;
    
    /* Text Colors */
    --header-bg: #ffffff;
    --nav-text: #2c3e50;
    --nav-active: #d63384;
    --sidebar-bg: #2c3e50;
    --sidebar-text: #ffffff;
    --footer-bg: #2c3e50;
    --footer-text: #ffffff;
    --card-bg: #ffffff;
    --form-border: #e9ecef;
    --form-focus: #d63384;
    --text-primary: #333333;
    --text-secondary: #6c757d;
    --link-color: #d63384;
    --subject-font-color: #333333;
    --hero-title-color: #d63384;
    --body-bg: #ffffff;
    --top-bar-bg: #2c3e50;
    --brand-tagline-color: #6c757d;
    
    /* RGBA Variations */
    --primary-rgba-10: rgba(214, 51, 132, 0.1);
    --primary-rgba-20: rgba(214, 51, 132, 0.2);
    --primary-rgba-30: rgba(214, 51, 132, 0.3);
    --secondary-rgba-10: rgba(44, 62, 80, 0.1);
    --secondary-rgba-20: rgba(44, 62, 80, 0.2);
}

/* Button Styles */
.btn-primary {
    background: var(--button-bg) !important;
    border-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: var(--button-hover) !important;
    border-color: var(--button-hover) !important;
    color: var(--button-text) !important;
}

.btn-outline-primary {
    background: var(--button-bg) !important;
    border-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: var(--button-hover) !important;
    border-color: var(--button-hover) !important;
    color: var(--button-text) !important;
}

/* Register Button */
.register-btn {
    background: var(--button-bg) !important;
    border-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

.register-btn:hover {
    background: var(--button-hover) !important;
    border-color: var(--button-hover) !important;
}

/* Navigation Active Link */
.navbar-nav .nav-link.active {
    background: var(--button-bg) !important;
    color: var(--button-text) !important;
}

/* Social Links */
.social-link:hover {
    background: var(--primary-color) !important;
}

/* Service Icon */
.service-icon {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
}

/* Stats Cards */
.stats-card {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
}

/* Header & Navigation */
.main-navbar {
    background: var(--header-bg) !important;
}

.navbar-nav .nav-link {
    color: var(--nav-text) !important;
}

.navbar-nav .nav-link.active {
    background: var(--nav-active) !important;
    color: white !important;
}

/* Admin Sidebar */
.admin-sidebar {
    background: var(--sidebar-bg) !important;
}

.admin-nav-link {
    color: var(--sidebar-text) !important;
}

.admin-nav-link.active {
    background: var(--primary-rgba-30) !important;
    border-left-color: var(--primary-color) !important;
}

.admin-nav-link.active i {
    background: var(--primary-rgba-20) !important;
}

.sidebar-brand h6 {
    color: var(--sidebar-text) !important;
}

/* Footer */
footer {
    background: var(--footer-bg) !important;
    color: var(--footer-text) !important;
}

/* Cards & Forms */
.card {
    background: var(--card-bg) !important;
}

.form-control {
    border-color: var(--form-border) !important;
}

.form-control:focus {
    border-color: var(--form-focus) !important;
}

/* Form Controls Focus */
.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-20) !important;
}

.form-select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-rgba-20) !important;
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Links */
a {
    color: var(--link-color) !important;
}

.login-link {
    color: var(--primary-color) !important;
}

/* Text Colors */
.text-primary {
    color: var(--primary-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.border-primary {
    border-color: var(--primary-color) !important;
}

/* Price Tag */
.price-tag {
    background: var(--primary-color) !important;
}

/* Quantity Controls */
.quantity-btn:hover {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Payment Method Active */
.payment-method:hover,
.payment-method.active {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-rgba-10) !important;
}

.payment-method i {
    color: var(--primary-color) !important;
}

/* Cart Badge */
.cart-badge {
    background: var(--primary-color) !important;
}

/* User Menu */
.user-menu {
    background: var(--primary-rgba-10) !important;
}

.user-dropdown .dropdown-item:hover {
    background: var(--primary-rgba-10) !important;
    color: var(--primary-color) !important;
}

/* Navigation Hover */
.navbar-nav .nav-link:hover {
    color: var(--primary-color) !important;
    background: var(--primary-rgba-10) !important;
}

/* Feature Item Hover */
.feature-item:hover {
    border-color: var(--primary-color) !important;
    background: var(--primary-rgba-10) !important;
}

/* Breadcrumb Links */
.breadcrumb-item a {
    color: var(--primary-color) !important;
}

.breadcrumb-item a:hover {
    color: var(--accent-color) !important;
}

/* Table Headers */
.table-custom th {
    background-color: var(--primary-color) !important;
}

/* Admin Table Hover */
.admin-page .table tbody tr:hover {
    background: var(--primary-rgba-10) !important;
}

/* Admin Card Headers */
.admin-content .card-header h5 {
    color: var(--text-primary) !important;
}

/* Settings Section Headers */
.settings-section h6 {
    color: var(--primary-color) !important;
}

/* Nav Tabs */
.nav-tabs .nav-link:hover {
    color: var(--primary-color) !important;
}

.nav-tabs .nav-link.active {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Dropdown Items */
.dropdown-item:hover {
    background: var(--primary-rgba-10) !important;
    color: var(--primary-color) !important;
}

/* Status Colors */
.badge-pending {
    background-color: var(--warning-color) !important;
}

.badge-confirmed {
    background-color: var(--info-color) !important;
}

.badge-completed {
    background-color: var(--success-color) !important;
}

.badge-cancelled {
    background-color: var(--danger-color) !important;
}

/* All buttons use primary button colors */
.btn-success,
.btn-warning,
.btn-danger,
.btn-info,
.btn-secondary {
    background: var(--button-bg) !important;
    border-color: var(--button-bg) !important;
    color: var(--button-text) !important;
}

.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover,
.btn-info:hover,
.btn-secondary:hover {
    background: var(--button-hover) !important;
    border-color: var(--button-hover) !important;
    color: var(--button-text) !important;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, var(--button-hover), var(--accent-color)) !important;
}

/* Admin Stats Cards */
.col-md-2-4 .card {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
}

/* Product Overlay */
.product-overlay {
    background: linear-gradient(135deg, var(--primary-rgba-20), var(--primary-rgba-10)) !important;
}

/* Price Section Hover */
.price-section:hover {
    border-color: var(--primary-rgba-30) !important;
    box-shadow: 0 5px 15px var(--primary-rgba-10) !important;
}

/* Contact Messages */
.contact-message-subject,
.contact-message-email {
    color: var(--subject-font-color) !important;
}

/* Hero Title */
.hero-title {
    color: var(--hero-title-color) !important;
}

/* Body Background */
body {
    background-color: var(--body-bg) !important;
}

/* Top Bar */
.top-bar {
    background: linear-gradient(135deg, var(--top-bar-bg) 0%, var(--top-bar-bg) 100%) !important;
}

/* Brand Tagline */
.brand-tagline {
    color: var(--brand-tagline-color) !important;
}