/* Dynamic CSS - Generated from Database Colors */
/* Primary Color: #a8edea */
/* Secondary Color: #fed6e3 */

:root {
    --primary-color: #a8edea;
    --secondary-color: #fed6e3;
    --accent-color: #ff6b6b;
    --bg-dark: #0f0f23;
    --bg-darker: #0f0f23;
    --bg-light: #1a1a2e;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --text-muted: #a0a0a0;
    --border-color: #2a2a3e;
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
    --shadow-glow: 0 0 20px rgba(168, 237, 234, 0.3);
    --shadow-glow-blue: 0 0 20px rgba(254, 214, 227, 0.3);
    --animation-duration: 0.6s;
    --animation-delay: 0.1s;
    --success-color: #00d4aa;
    --warning-color: #ffa726;
    --error-color: #ff6b6b;
}

[data-theme="light"] {
    --primary-color: #fed6e3;
    --secondary-color: #a8edea;
    --accent-color: #ff6b6b;
    --bg-dark: #ffffff;
    --bg-darker: #f8f9fa;
    --bg-light: #f1f3f4;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #6c757d;
    --border-color: #e9ecef;
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 20px rgba(254, 214, 227, 0.2);
    --shadow-glow-blue: 0 0 20px rgba(168, 237, 234, 0.2);
    --card-bg: rgba(255, 255, 255, 0.9);
    --input-bg: rgba(255, 255, 255, 0.9);
    --modal-bg: rgba(255, 255, 255, 0.95);
    --tooltip-bg: rgba(26, 26, 26, 0.9);
    --success-color: #00d4aa;
    --warning-color: #ffa726;
    --error-color: #ff6b6b;
}

.btn-primary {
    background: linear-gradient(135deg, #a8edea, #fed6e3);
    color: var(--bg-dark);
    box-shadow: var(--shadow-glow);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(168, 237, 234, 0.5);
}

.btn-secondary {
    background: transparent;
    color: #a8edea;
    border: 2px solid #a8edea;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.btn-secondary:hover {
    background: #a8edea;
    color: var(--bg-dark);
    transform: translateY(-2px);
}

.glow-effect {
    box-shadow: 0 0 20px rgba(168, 237, 234, 0.3);
}

.glow-effect:hover {
    box-shadow: 0 0 30px rgba(168, 237, 234, 0.5);
}

.gradient-bg {
    background: linear-gradient(135deg, #a8edea, #fed6e3);
}

.gradient-text {
    background: linear-gradient(135deg, #a8edea, #fed6e3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.border-primary {
    border-color: #a8edea;
}

.border-secondary {
    border-color: #fed6e3;
}

.text-primary {
    color: #a8edea;
}

.text-secondary {
    color: #fed6e3;
}

input:focus, textarea:focus, select:focus {
    border-color: #a8edea;
    box-shadow: 0 0 0 3px rgba(168, 237, 234, 0.1);
}

a {
    color: #a8edea;
}

a:hover {
    color: #fed6e3;
}

::selection {
    background: rgba(168, 237, 234, 0.3);
    color: #ffffff;
}

::-moz-selection {
    background: rgba(168, 237, 234, 0.3);
    color: #ffffff;
}