/* Dynamic Theme Colors - Automatically generated from .env */

/* Gradient Backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}

.bg-gradient-primary-soft {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.1) 0%, rgba(var(--secondary-rgb), 0.1) 100%) !important;
}

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

.text-secondary-theme {
    color: var(--secondary-color) !important;
}

/* Border Colors */
.border-primary-theme {
    border-color: var(--primary-color) !important;
}

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

/* Button Styles */
.btn-theme-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    border: none;
    color: white;
    transition: all 0.3s ease;
}

.btn-theme-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(var(--primary-rgb), 0.4);
    color: white;
}

/* Hero Sections */
.hero-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Icon Boxes */
.icon-box-gradient {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Accent Lines */
.accent-line::after {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Hover Effects */
.hover-gradient:hover {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    color: white !important;
}

/* Shadow Effects */
.shadow-primary {
    box-shadow: 0 5px 20px rgba(var(--primary-rgb), 0.3) !important;
}

.shadow-secondary {
    box-shadow: 0 5px 20px rgba(var(--secondary-rgb), 0.3) !important;
}