/* Glassmorphism component */

.glass-card {
    background: var(--color-glass-bg);
    backdrop-filter: blur(var(--color-glass-blur));
    -webkit-backdrop-filter: blur(var(--color-glass-blur));
    border: 1px solid var(--color-glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-glass);
    padding: var(--space-6);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.glass-card.hover-lift:hover {
    box-shadow: var(--shadow-glass-hover);
    transform: translateY(-2px);
}

.glass-card-tight {
    padding: var(--space-4);
}

.glass-card-flat {
    background: var(--color-glass-bg);
    backdrop-filter: blur(var(--color-glass-blur));
    -webkit-backdrop-filter: blur(var(--color-glass-blur));
    border: 1px solid var(--color-glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}