/**
 * Authentication Styles
 * 
 * Authentication eklentisi için CSS stilleri
 */

:root {
    --auth-primary-color: #3b82f6;
    --auth-primary-hover: #2563eb;
    --auth-secondary-color: #64748b;
    --auth-background: #f8fafc;
    --auth-card-background: #ffffff;
    --auth-text-color: #1e293b;
    --auth-border-color: #e2e8f0;
    --auth-error-color: #ef4444;
    --auth-success-color: #10b981;
}

.auth-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Authentication form specific styles */
.auth-login-container {
    background: linear-gradient(135deg, #0f172a 0%, #1e40af 50%, #0f172a 100%);
}

.auth-form-card {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95);
}

/* Animasyonlar kaldırıldı */

/* Responsive adjustments */
@media (max-width: 768px) {
    .auth-login-container {
        padding: 1rem;
    }
    
    .auth-form-card {
        margin: 0;
        border-radius: 1rem;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    :root {
        --auth-background: #1e293b;
        --auth-card-background: #334155;
        --auth-text-color: #f1f5f9;
        --auth-border-color: #475569;
    }
}