/* Theme Zen - Calming colors, soft gradients, peaceful atmosphere */

:root {
    /* Primary Colors - Soft blues and purples */
    --primary-color: #7B68EE;
    --primary-hover: #6A5ACD;
    --secondary-color: #9370DB;
    --secondary-hover: #8A2BE2;

    /* Background Colors */
    --background-color: linear-gradient(135deg, #f5f7fa 0%, #e4e9f2 100%);
    --card-background: rgba(255, 255, 255, 0.95);
    --nav-background: rgba(255, 255, 255, 0.98);
    --hover-background: #f0f4f8;

    /* Text Colors */
    --text-color: #4a5568;
    --heading-color: #2d3748;

    /* Footer */
    --footer-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --footer-text: #ffffff;
    --footer-heading: #ffffff;
    --footer-link: #e2e8f0;
    --footer-link-hover: #ffffff;

    /* Form Elements */
    --input-border: #cbd5e0;
    --input-focus: #7B68EE;

    /* Status Colors */
    --success-color: #48bb78;
    --error-color: #f56565;
    --warning-color: #ed8936;
    --info-color: #4299e1;

    /* Typography */
    --font-family: 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif;
}

body {
    background: var(--background-color);
}

/* Zen-specific enhancements */
.card {
    background: var(--card-background);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(123, 104, 238, 0.1);
}

.btn-primary {
    background: linear-gradient(135deg, #7B68EE 0%, #9370DB 100%);
    box-shadow: 0 4px 15px rgba(123, 104, 238, 0.4);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(123, 104, 238, 0.6);
}

.main-nav {
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(123, 104, 238, 0.1);
}

/* Smooth animations */
* {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Calming hover effects */
a:hover,
.btn:hover {
    transform: translateY(-2px);
}